【HTML基础概览】
HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言，它是互联网内容的核心构建块。HTML文档由一系列元素组成，这些元素通过标签来定义，这些标签告诉浏览器如何显示内容以及内容的结构。HTML5是当前广泛使用的版本，它提供了更多的功能和改进，增强了网页的互动性和多媒体支持。
【HTML文档结构】
一个基本的HTML文档通常包括以下几个部分：
1. `<!DOCTYPE html>`：声明文档类型，告知浏览器文档遵循的HTML规范。
2. `<html>`：文档根元素，包含整个HTML代码。
3. `<head>`：头部元素，包含元数据，如标题、字符集设置（`<meta charset="UTF-8">`）和外部资源引用（如样式表`<link>`或脚本`<script>`）。
4. `<title>`：定义浏览器标签页的标题。
5. `<body>`：主体内容，显示在网页的实际可见部分。
【HTML元素与属性】
HTML元素由开始标签、内容（如果有的话）和结束标签组成，如`<p>这是段落</p>`。元素可以有属性，属性提供额外的信息，如`<a href="http://example.com">链接</a>`，`href`属性定义了链接的目标地址。
【文本格式化】
HTML提供了多种元素来格式化文本，如：
- `<b>`（粗体）、`<i>`（斜体）、`<u>`（下划线）、`<s>`（删除线）用于基本样式。
- `<strong>`强调文本，浏览器通常以加粗显示。
- `<em>`表示重要性或情感，浏览器通常以斜体显示。
【图像与链接】
- `<img>`元素插入图片，`src`属性定义图片源，`alt`属性提供替代文本。
- `<a>`元素创建超链接，`href`属性指向链接目标，`target`属性指定打开链接的方式（如新窗口`_blank`）。
【列表】
- `<ul>`和`<li>`创建无序列表。
- `<ol>`和`<li>`创建有序列表。
【表格】
- `<table>`定义表格，`<tr>`表示行，`<th>`表示表头，`<td>`表示数据单元格。
【HTML5新增元素】
HTML5引入了许多新的元素，旨在使语义更清晰，如：
- `<header>`和`<footer>`表示页面的头部和底部区域。
- `<nav>`用于导航链接。
- `<section>`、`<article>`和`<aside>`组织内容结构。
- `<video>`和`<audio>`支持多媒体播放，`<source>`指定不同来源，`controls`添加播放控制。
【CSS简介】
CSS（Cascading Style Sheets）负责网页的样式和布局。通过将样式信息与HTML分离，使得设计更灵活且易于维护。CSS可以内联（在HTML元素中），内部（在`<style>`标签中）或外部（在单独的.css文件中）定义。
【CSS选择器】
选择器匹配HTML元素，如：
- 类选择器（`.class-name`）。
- ID选择器（`#id-name`）。
- 标签选择器（`element`）。
【CSS属性】
CSS属性改变元素的外观，如：
- `color`定义文字颜色。
- `background-color`设定背景色。
- `font-size`设置字体大小。
- `margin`、`padding`调整元素周围的空间。
- `display`控制元素的显示方式（如`block`、`inline`或`flex`）。
【总结】
HTML是网页的基础，结合CSS实现内容与样式的分离，提供了丰富的结构和视觉效果。学习HTML能让你创建出功能齐全、布局美观的网页。从基本元素到高级特性，不断探索和实践，你将能够掌握创建动态和交互式网页的技能。
CourseaHTML-main.zip （10个子文件） 
CourseaHTML-main 
index.html 1KB
style.css 1KB
