HTML标签与属性速查指南

HTML，全称HyperText Markup Language，是用于创建网页的标准标记语言。HTML文档由一系列元素（又称标签）组成，这些元素可以定义网页的结构和内容。以下是对HTML笔记中提到的一些关键知识点的详细解释： 1. **注释**：在HTML中，`<!-- -->` 用于插入注释，对代码进行解释，方便后期维护。 2. **换行与水平线**：`<br>` 用于换行，`<hr>` 创建一条水平线，用于分隔页面内容。 3. **文本样式**：颜色可以通过 `color` 属性设置，如 `color: red;`。支持RGB（例如 `rgb(255, 0, 0)`）和十六进制颜色值（例如 `#FF0000`）。`width` 属性用于设定元素的宽度。 4. **段落与空格**：`<p>` 标签定义段落，`&nbsp;` 代表非破坏性空格，不被浏览器自动折行。 5. **对齐方式**：`align` 属性可以设置元素的对齐方式，如 `align="center"` 使元素居中。 6. **块级元素与内联元素**：`<div>` 是块级元素，常用于组织布局；`<span>` 是内联元素，用于在行内添加样式或包裹文本。 7. **字体标签**：`<font>` 标签已过时，但它仍可用于设置字体、颜色和大小。`color`，`size` 和 `face` 分别用于设置字体颜色、大小和类型。 8. **标题标签**：`<h1>` 至 `<h6>` 用于创建不同级别的标题，`<h1>` 最大，`<h6>` 最小。 9. **强调文本**：`<b>` 用于加粗文本，`<i>` 用于斜体，`<strong>` 和 `<em>` 分别代表加重和强调，通常用于语义化。 10. **字符实体**：`&amp;` 代表 `&`，`&lt;` 代表 `<`，`&gt;` 代表 `>`，`&nbsp;` 代表非破坏性空格。 11. **列表**：`<ol>` 用于有序列表，`<li>` 代表列表项；`<ul>` 用于无序列表。`<dl><dt>...</dt><dd>...</dd></dl>` 用于定义描述列表。 12. **图像**：`<img>` 标签插入图像，`src` 指定图像URL，`width` 和 `height` 设置尺寸，`alt` 提供替代文本，`title` 显示为鼠标悬停提示。 13. **链接**：`<a>` 标签创建超链接，`href` 指定链接目标，可以是相对或绝对路径，`target` 定义链接打开的方式，如 `_blank` 在新窗口打开。 14. **表格**：`<table>` 创建表格，`<caption>` 添加表标题，`<tr>` 代表行，`<th>` 和 `<td>` 分别是表头单元格和数据单元格。`colspan` 和 `rowspan` 用于合并单元格，`border`, `width`, `height` 分别定义边框、宽度和高度。 15. **表单**：`<form>` 创建表单，`action` 指定处理表单数据的URL，`method` 为提交方式，如 `GET` 或 `POST`。`name` 用于识别表单元素，`href` 通常与 `a` 标签配合，但也可以用于锚点链接，如 `href="#section"`。 以上是HTML笔记中的主要知识点，理解并熟练运用这些元素是构建网页的基础。在实际开发中，还应注意HTML5引入的新特性及语义化标签，以提升网页的可访问性和兼容性。