### HTML学习资料整理知识点
#### 一、HTML基础概念
- **HTML**：Hyper Text Markup Language，即超文本标记语言，是一种用于创建网页的标准标记语言。它定义了网页的结构，而网页的表现（如样式）则通常由CSS控制，交互功能则通过JavaScript实现。
- **CSS**：层叠样式表（Cascading Style Sheets），用于控制网页的样式和布局，与HTML协同工作以呈现美观且功能丰富的网页。
- **JavaScript**：一种轻量级的编程语言，用于实现网页上的动态功能。
#### 二、HTML的基本结构
HTML文档的基本结构如下所示：
```html
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
</head>
<body>
<!-- 页面主体内容 -->
</body>
</html>
```
- `<!DOCTYPE html>`：文档类型声明，告诉浏览器当前文档遵循的HTML版本。
- `<html>`：HTML文档的根元素，包含整个网页的内容。
- `<head>`：包含文档元数据的部分，如标题、链接到外部资源等。
- `<title>`：定义文档的标题，显示在浏览器的标题栏或标签页上。
- `<body>`：包含实际网页内容的部分。
#### 三、常用HTML标签
- **文本与图片**：网页的基本元素。
- **段落标签`<p>`**：用于表示文档中的段落。`<p>`标签支持`align`属性，用于设置文本的对齐方式。
- **换行标签`<br/>`**：单标签，用于插入换行符，不增加额外的垂直空间。
- **水平线标签`<hr/>`**：单标签，用于在内容之间添加一条水平线分隔符。
- **标题标签`<h1>-<h6>`**：用于定义不同级别的标题，其中`<h1>`级别最高，字体最大，通常建议每页仅使用一次。
- **加粗标签`<b>`与`<strong>`**：`<b>`仅表示文本应以粗体显示；`<strong>`则表示文本的重要性，搜索引擎会给予一定的权重。
- **斜体标签`<i>`与`<em>`**：`<i>`仅表示文本应以斜体显示；`<em>`则表示强调文本，同样对搜索引擎有特殊含义。
- **引用标签`<cite>`**：用于标记对作品的引用。
- **下划线标签`<u>`**：为文本添加下划线。
- **删除线标签`<del>`**：表示文本已被删除。
- **字体标签`<font>`**：用于设置文本的字体、大小和颜色。
- **预格式化标签`<pre>`**：保留空格和换行，常用于显示源代码或保留原始格式的文本。
#### 四、转义字符
- ` `：非断行空格，用于显示一个空白字符。
- `©`：版权符号。
- `®`：注册商标符号。
- `™`：未注册商标符号。
- `<` 和 `>`：分别表示小于号和大于号。
#### 五、CSS基础
- **CSS层叠样式表**：CSS用于定义HTML元素如何在屏幕上、纸上或其他媒体上呈现。
- **CSS的规则**：包括选择器、声明、属性和属性值。
- **选择器**：用于指定CSS规则应用于哪些HTML元素。
- **CSS的特性**：继承性和覆盖性。继承性指某些属性可以被子元素继承；覆盖性则意味着后声明的CSS规则会覆盖前面的同名规则。
- **CSS的引入方式**：内联式、内嵌式、外联式和导入式。
- **外联式**：通过`<link>`标签将外部CSS文件链接到HTML文档中。
- **导入式**：通过`@import`语句导入外部CSS文件。
#### 六、总结
通过本篇学习资料整理，我们了解了HTML和CSS的基本概念及其在网页开发中的作用。掌握了HTML的基本结构、常用标签以及CSS的引入方式和基本规则，有助于构建具有良好结构和样式的网页。继续深入学习HTML和CSS，可以进一步提高网页的设计能力和用户体验。
