路径的介绍
绝对路径:目录下的绝对位置,可直接到达目标位置,通常以盘符开始
相对路径:从当前面位置出发找目标文件的过程
相对路径的分类 | |
同级目录 | 当前文件和目标文件在同一目录下 |
下级目录 | 目标文件在下一级目录中 |
上级目录 | 目标文件在上级目录中 |
音频标签的介绍
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 | 数字 | 表格高度 |