相对路径
当前文件:当前的html网页
目标文件:要找到的图片
从当前文件开始出发找目标文件的过程
同级目录
方法一:目标文件名称
方法二:./目标文件名称
下级目录
方法一:目标文件夹/目标文件名称
方法二:./目标文件夹/目标文件名称
上级目录
上一级
../目标文件名称
上二级
../../目标文件名称
媒体标签
音频
在网页插入一段音频
```<audio src="./music.mp3" controls autoplay loop></audio>
常见属性:
src播放音频的路径
controls 音频播放控件
autoplay 音频加载完毕自动播放
loop 音频结束之后重新开始播放
音频标签目前支持三种格式:mp3、wav、ogg
一般使用mp3
```js
视频
在网页插入一段视频
```视频标签
<video src="./video.mp4" controls autoplay muted loop></video>
常见属性
src 视频的播放路径
controls 显示播放控件
autoplay 视频加载完毕自动播放 需要配合muted属性实现
loop 视频结束之后重新开始播放
视频标签目前支持三种格式:MP4,webm,和ogg
推荐使用mp4
```js
链接标签
实现一个页面跳转另一个页面
```<a href="链接的地址"> target="打开的方式">链接文本</a>
target
取值
_self:默认值 覆盖原始窗口
_blank:保留原始窗口 打开新的窗口
链接的分类
<h3>1.外带链接</h3>
<a href="https://www.mi.com/">小米</a>
<h3>2.内部链接</h3>
<a href="./05-视频标签.html">跳转当前html页面</a>
<h3>3.网页元素链接</h3>
<a href="httos://www.jd.com/"><img src="./lyf.jpg" alt=""></a>
下载链接:
文件名称必须以.exe .zip .rar结尾的后缀名文件
<a href="./lyf.zip">下载</a>
空链接使用#
<a href="#">空链接</a>
特点
双边标签
a标签未点击过是蓝色
a标签点击过是紫色
a标签有默认的下划线 后期css处理