HTML标签

路径的介绍

      绝对路径：目录下的绝对位置，可直接到达目标位置，通常以盘符开始

      相对路径：从当前面位置出发找目标文件的过程

相对路径的分类
同级目录	当前文件和目标文件在同一目录下
下级目录	目标文件在下一级目录中
上级目录	目标文件在上级目录中

音频标签的介绍

  audio标签   格式：<audio src="音频路径"></audio>    作用：在页面中插入音频

   音频标签目前支持三种格式：MP3、Wav、Ogg

常见属性
属性名	功能
src	音频的路径
controls	显示播放的控件
autoplay	自动播放（部分浏览器不支持此属性）
loop	循环播放

视频标签的介绍

video标签  格式：<video src="视频路径"></video>   作用：在页面中插入视频

视频标签目前支持三种格式：MP4、WebM、Ogg

常见属性
属性名	功能
src	视频的路径
controls	显示播放的控件
autoplay	自动播放（谷歌浏览器中需配合muted是先静音播放）
loop	循环播放

链接标签的介绍

a标签  格式：<a href="跳转的路径">内容</a>  作用：用于跳转网页

空链接   格式：<a href="#">空链接</a>  

作用：点击回到网页顶部；在不确定链接跳转的位置时，用空链接占个位置

常见属性
属性名	功能
href	目标网页的路径
target	目标网页的打开方式 取值 _self          默认值，在当前窗口中跳转（覆盖原网页） _blank       在新窗口打开网页（保留原网页） 例：<a target="_blank">百度一下</a>

                                         列表标签

无序列表   作用：在网页中表示一组无顺序之分的列表

                                                                  标签的组成

标签名	说明
ul	表示无序列表的整体，用于包裹li标签
li	表示无序列表的每一项，用于包含每一行的内容

特点：无序列表的每一项前默认显示圆点标识

注意点：ul标签只允许包含li标签；li标签可以包含任意内容

有序列表   作用：在网页中表示一组有顺序之分的列表

                                                                  标签的组成

标签名	说明
ol	表示有序列表的整体，用于包裹li标签
li	表示无序列表的每一项，用于包含每一行的内容

特点：无序列表的每一项前默认显示序号标识

注意点：ol标签只允许包含li标签；li标签可以包含任意内容

自定义列表   作用：在网页的底部导航中通常会使用自定义列表实现

                                                                  标签的组成

标签名	说明
dl	表示无序列表的整体，用于包裹dd/dt标签
dt	表示自定义的主题
dd	表示自定义列表的针对主题的每一项内容

特点：dd会默认显示缩进效果前

注意点：ul标签只允许包含dt/dd标签；dt/dd标签可以包含任意内容

                               table标签的组成

 table标签 作用：在网页中以行+列的单元格方式整齐展示和数据

                                                       table标签

标签名	说明
table	表格整体，可用于包裹多个tr
tr	表格每行，用于包裹td
td	表格单元格，用于包裹内容

                                                        table其他标签

标签名	名称	说明
caption	表格大标题	表示表格整体大标题，默认表格整体定居中位置显示
th	表头单元格	表示一列小标题，同常位于表格第一行，默认文字加粗并居中显示

                                                     table常见属性

属性名	属性值	效果
border	数字	边框宽度
width	数字	表格宽度
height	数字	表格高度