HTML入门笔记：文本修饰、图片与链接讲解

"HTML第一天笔记.txt"涵盖了初学者学习HTML的基础内容，主要探讨了以下几个关键知识点： 1. 文本修饰标签： - `<strong>` 和 `<em>`：这两个标签用于强调文本。`<strong>` 用于表示重要或粗体文本，而 `<em>` 则用于强调非重要但具有特殊含义的文本。例如，`<strong>这是粗体文本</strong>` 和 `<em>这是斜体文本</em>` 分别用于创建粗体和斜体效果。 2. 删除和插入文本： - `<del>`：用于标记被删除的文本，通常在编辑历史或修订版本中使用。 - `<ins>`：用于标记插入的新文本，用于显示新增内容。 3. 图片标签： - `<img>`：这是HTML中用于插入图像的关键标签，通过`src`属性指定图片路径，`alt` 属性提供图片的替代文本（当图片无法显示时使用），`title` 属性提供鼠标悬停时的提示信息。例如： ``` <img src="./tp/1002136.jpg" alt="虎哥会堂记者拍摄" title="这是图片的提示" width="400" height="274"> ``` - 同一目录下的图片可以通过相对路径引用。 4. 链接标签： - `<a>`：基本的链接标签，`href` 属性指定链接地址，`target` 属性控制链接打开新窗口（如`_blank`）还是在同一窗口（如`_self`）。还有锚点链接，如 `<a href="#j1">html</a>`，用于内部页面跳转。 5. 列表标签： - 无序列表 (`<ul>`): 用于创建项目符号或数字列表，如 `<ul><li>第一项</li><li>第二项</li></ul>` - 有序列表 (`<ol>`): 创建有序列表，每个项目都有自动编号，如 `<ol><li>第一项</li><li>第二项</li></ol>` - 定向列表 (`<dl>`, `<dt>`, `<dd>`): 用于定义术语和其解释，如 `<dl><dt>术语</dt><dd>解释</dd></dl>` 6. 表格标签： - `<table>`：表格结构的容器，包含 `<tr>` (行)、`<th>` (表头) 和 `<td>` (数据单元)。语义化标签 `<thead>`, `<tbody>`, `<tfoot>` 分别用于表头、主体和页脚部分。 这些基础内容展示了HTML的基本元素如何组合来构建网页布局和内容呈现。对于初学者来说，理解并掌握这些标签的用法是学习HTML的第一步，它们构成了构建网页的基石。熟练运用这些标签能让你创建出结构清晰、具有良好可访问性的网页。