Day two

1、路径

首先说一下路径，路径是文件存放规定位置，就是代表我们查找文件时，从磁盘的哪个位置能找到文件，路径分为绝对路径和相对路径。

绝对路径：从根目录开始查找，Windows系统中就是从盘符开始找，比如C:,就是盘符
相对路径：从当前文件夹下开始，以当前为参考系来查找其他文件

1.1、相对路径

用html来举例，其实其他的语言中也是这样。

.表示当前目录
/表示进入一个目录，后面要跟目录名

现在我们处于html文件夹下，如果我们在html中再新建一个images文件夹，那么对于images来说html就是他的上级目录，

我们向images中存入一个logo.jpg文件

如果我们想访问images中的logo.jsp文件我们就要写为

./images/logo.jpg

可以看到图片正常显示在了网页上。

那现在问题来了，如果我想访问上一级目录呢？比如我给html加一个上级目录。

在vsproject中包含html文件夹和top文件夹，目前我们是day1.html，处于html文件夹下，我们需要先退出当前文件夹，然后再进入top文件夹访问图片。

../top/2025-04-21 092338.png

浅显易懂。

1.2、绝对路径

绝对路径相对简单，可以直接进入到你想显示的图片位置，然后直接复制图片位置即可。

可以看到图片没有正常访问，但是去浏览器中打开html文件是可以的，这里的问题是插件导致的，具体解决办法我之后会去研究

2、音频标签

2.1、音乐标签

音频标签与img标签无异都是同一种写法

<audio sec="音频的url" controls></audio>

只不过要加入一个controls属性。这个属性是显示在网页上的一个控制板。

这里的浏览器不支持标签仍然是因为插件问题。但是在真实的浏览器中是可以看到的，且因为排版原因，在url后我是加了controls的，所以才可以看到这个控制音量和暂停的控制板。

还有其他属性比如loop，这个代表循环播放意思是，播放完当前音乐后会继续播放当前音乐，因为我们url中只包含了一个音乐。

autoplay属性，代表自动播放，一般情况下，浏览器都会禁止这个自动播放，因为有时候会影响用户体验

2.2、视频标签

<video src="url"></video>

video标签中也有属性，同样的controls,loop,mute,autopaly。

controls是控制板；
loop是循环播放；
muted是静音播放；
autoplay是自动播放，不过一般情况下是静音状态的自动播放。