随笔小记

180 阅读1分钟

相对路径

当前文件:当前的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处理