HTML详解连载（2）

(HTML详解连载(2)

专栏链接 下面是link的专栏介绍

本专栏是学习前端的旅程，纯手敲代码，学习黑马课程，添加一些自己的理解，适当修改代码和笔记。我希望它能帮助你，但也请监督我，建议我写的代码，互相学习。

开始喽

超链接作用

点击跳转到其他页面。

代码示例

  <a rel="nofollow" href=”https://www.baidu.com”>跳转到百度</a>

解释

href属性值是跳转地址，是超链接的必要属性。属性加target=_black打开新窗口的页面

经验分享

在开发初期，我不知道超链接的跳转地址。href属性写#，表示空链接，不会跳转。

音频标签代码示例

<audio src=“音频URL”></audio>

注意常见属性作用特殊说明src音频URL支持格式：MP3、Ogg、Wavcontrols显示音频控制面板loop循环播放autoplay自动播放，以改善用户体验。浏览器通常禁止使用自动播放功能

在HTML5中，如果属性名和属性值完全相同，可以简称为单词

视频标签代码示例

<video src=“视频URL”></video>

注意常见属性作用特殊说明src音频URL支持格式(必须属性)MP4、Ogg、WabMcontrols显示视频控制面板loop循环播放autoplay自动播放，以改善用户体验。浏览器支持静音自动播放功能

要想在浏览器中自动播放，必须有muted属性

列表功能：布局内容排列整齐的区域。分类：无序列表、有序列表、无序列表功能定义列表

布局整齐，不需要规定顺序的区域

标签

ul嵌套li，ul是无序列表，li是列表项目

示例

<ul>  <li>第一项</li>  <li>第二项</li>  <li>第三项</li>  ……</ul>

注意事项：

li标签li标签中只能包裹任何内容

有序列表的作用

布局整齐，需要规定顺序的区域

标签

ol嵌套li，ol是一个有序列表，li是一个列表条目

示例：

<ol>  <li>第一项</li>  <li>第二项</li>  <li>第三项</li>  ……</ol>

注意事项：

li标签li标签中只能包裹任何内容

定义列表标签

dl嵌套dt和dd，dl是定义列表，dt是定义列表的标题，dd是定义列表的描述/细节

示例

<dl>  <dt>列表标题</dt>  <dd>列表描述 / 详情</dd>   ……</dl>

注意事项：

dt、dddt和dd只能包含任何内容

表格-基本用法

网页上的表格类似于Excel表格，用于显示数据。

标签

table嵌套tr，tr嵌套td/th

标签名和说明标签名说明table表格tr行th表头单元格td内容单元格注意事项：

在网页中，表格默认没有边框线，使用border属性可以为表格添加边框线

表格结构标签的作用

内容用表格结构标签划分区域，使表格结构更清晰，语义更清晰

标签名含义特殊说明thead表格头部表格头部内容tbody表格主要内容区tfot表格底部汇总信息区合并单元格

将多个 单元格合并成单元格，合并类似信息

步骤

1.明确合并目标2。保留最左、最上单元格，添加属性（值为数字，表示需要合并的单元格数量）跨行合并，保留最上单元格，添加属性rowspan跨列合并，保留最左单元格，添加属性colspan3。删除其他单元格