HTML.md：个人笔记详解常用标签与格式技巧

HTML (HyperText Markup Language) 是一种基础且强大的标记语言，用于创建和设计网页结构。在个人笔记中，它提供了丰富的标签和功能来构建网页内容，使得网页设计更加灵活和易读。以下是一些核心HTML标签和元素的详细介绍： 1. **标题标签**: - `<h1>` 到 `<h6>`：这些标签用于定义页面标题的层级，`<h1>`为一级标题，通常用于文章的主要标题，`<h6>`为最小级别的标题，适合副标题或较小的强调文本。它们都是单词head的缩写。 2. **段落和换行**: - `<p>`：这是最基本的段落标签，用于表示段落之间的分隔，浏览器会根据内容自动换行并保持适当的间距。 - `br`：代表换行符，单个标签用于强制换行，无需关闭标签。 3. **文本格式化**: - **加粗**：使用`<strong>` 或 `<b>` 标签，推荐使用`<strong>`，因为它符合语义，强调的是内容的重要性。 - **倾斜**：`<em>` 或 `<i>` 用于斜体文本，推荐`<em>`，因为它更符合强调文本而非样式的需求。 - **删除线**：`<del>` 和 `<s>` 可用于添加删除线，用于表示已删除或修改的文字。 - **下划线**：`<ins>` 和 `<u>` 标签用于下划线文本，推荐`<ins>`，因为`<u>`通常用于提示文本的更改。 4. **容器标签**: - `div` 和 `span`：`div` 用于定义文档中的区块，通常用于布局和分组；`span` 是内联元素，更适合应用于行内文本的样式控制。 5. **图像处理**: - `<img>`：用于插入图像，`src` 属性是必须的，指定图片的源地址。这里有两种类型： - 相对路径：如``，表示图片相对于当前HTML文件的位置。 - 绝对路径：如``，表示图片的完整URL地址。 6. **超链接**: - 使用`<a>`标签创建超链接，可以添加多个链接目标，如`<a href="http://example.com">链接文本</a>`，链接文本显示为可点击的文字。 7. **特殊字符**: - HTML支持特殊字符的编码，如`&lt;`（小于号）、`&gt;`（大于号）等，通过`&amp;`来表示，防止它们被浏览器误解为HTML标签。 8. **表格**: - HTML中的表格由`<table>`、`<tr>`（行）、`<th>`（表头单元格）和`<td>`（数据单元格）组成，用于组织和展示数据。 掌握这些基本HTML标签和用法，能够让你有效地创建和编辑网页内容，为网页设计和内容呈现提供坚实的基础。随着HTML5的更新，还引入了更多的元素和特性，如媒体元素、表单控件等，进一步扩展了其功能。学习HTML时，理解语义化和可访问性原则也是重要的，这将有助于提升网页的用户体验和SEO优化。