第2章：HTML路径语法以及多媒体文件的显示

光有文字不行，我们得加入音视频和图片来达到图文并茂的效果。具体该怎么达到这样的效果呢？今天我们就来学一下音视频和图片的插入。

在这之前，我们先来学习一下HTML5相对路径与绝对路径的语法和超链接。
现在我们创建两个文件，让他们分别显示“我是文件1”和“我是文件2”。
示例图如下：

绝对路径的语法

盘符目录（如"C:" “D:” “E:”）等叫做根目录。
根目录下的文件夹是文件夹里面文件的父目录。
文件夹和没有父目录的文件的根目录是盘符目录。
如果觉得难懂的话，可以配合下图理解。

还有就是当文件夹嵌套的时候，父目录之下的目录叫做子目录，对于子目录的文件来说，这个子目录仍然是他的父目录。

下面是语法环节：

相对路径

相对路径开始一般都带.\。如果要表示上一级目录（父目录），请在开头使用..\。\表示下一级目录。
比如说，网页1和网页2互相读取时：

绝对路径

绝对路径是带有盘符的、不含有../的路径。
绝对路径以盘符开头。如：

a标签

a标签用于超链接（Hyperlink），互相链接网页里的内容。
a标签语法如下（现在不学习a标签的全部内容，还有一些较高级的属性现在不学习）：

<a href="路径">要显示的内容</a>

这时候，运行程序，屏幕上出现了“要显示的内容”，点击这些文字，可以跳转到“路径”里的路径。
链接的颜色规律：未被访问的链接带有下划线而且是蓝色的、已被访问的链接带有下划线而且是紫色的、活动链接带有下划线而且是红色的。你可以通过CSS伪类来设置这些东西，但是我们现在不学习CSS。
用这个语法，是不是可以很轻松的实现刚开始的两个文件互相链接的功能了？

img标签

img标签用于显示图片。
img的语法如下所示：

<img src="路径"  alt="在鼠标移到图片上的时候显示的文字">

同样，img标签也是一个没有关闭标签的标签。

audio标签

audio标签用于播放音频。

<audio src="路径">浏览器不支持此标签时显示的文字</audio>

video标签

video标签用于播放视频。

<video src="路径" controls="controls">浏览器不支持此标签时显示的文字</video>

注意：controls的值必须是controls。

参考文章：

HTML <a> 标签（https://www.w3school.com.cn/tags/tag_a.asp）
HTML <img> 标签（https://www.w3school.com.cn/tags/tag_img.asp）
HTML <audio> 标签（https://www.w3school.com.cn/tags/tag_audio.asp）
HTML <video> 标签（https://www.w3school.com.cn/tags/tag_video.asp）
HTML <video> contros 属性（https://www.w3school.com.cn/tags/att_video_controls.asp）