前端第二篇笔记（21~26）HTML

相对路径（P21）

当我们需要跳转到一个服务器的内部页面时，一般我们都会使用相对路径，相对路径都会使用.或…开头
./ 表示当前文件所在的目录

 <a href="01.一些简单标签.html">超链接</a>

. . / 表示当前目录所在的上一级

  <a href="../01.一些简单标签.html">超链接</a>

超链接的其他用法（p22）

• target属性：用来指定超链接打开位置
  _self 在当前页面打开超链接

 <a href="https:www.baidu.com" target="_self">baidu</a>

**_blank** 在一个新的页面打开超链接

<a href="https:www.baidu.com" target="_blank">baidu</a>

• 到顶部：将超链接的href属性设置为#，直接回到顶部

<a href="#">回到顶部</a>

• 去底部：使用id属性定义一个超链接到去顶部标签，每一个标签都可以添加一个id属性，是元素的唯一标识，不能出现重复的id，可以用id跳转到任意位置。

 <a href="#bottom">到底部</a>
 <a id="bottom" href="#">回到顶部</a>

• 设置一个占位链接

<a href="javascript:;">这是一个空链接</a>

图片标签(P23)

用于引入一个外部图片

 <img width="200" src="https://img.zcool.cn/community/015200578d6f290000018c1b900ac6.jpg@1280w_1l_2o_100sh.jpg" alt="钢铁侠">
    <img height="420"src="img\R-C.jfif" alt="风景图">

alt在图片无法加载时显示文字
width和height 改变宽高，改变一个，另一个等比放缩

图片格式（p24）

jpeg(jpg)： 支持的颜色比较丰富，不支持透明效果不支持动图
gif：支持的颜色比较少，支持简单透明，支持动图
png：支持的颜色丰富，支持复杂透明，不支持动图
webp：谷歌推出专门用来表示网页的图片，具备其他图片格式的优点
base64：将图片转化为字符一般都是一些图片和网页一起加载

原则：效果一样用小的，效果不一样用好的

内联框架（p25）

   <iframe src="https://www.hao123.com" frameborder="0"
    width="800" height="500" ></iframe>
    <iframe src="01.一些简单标签.html" frameborder="0"
    width="800" height="200" ></iframe>

音视频播放（p26）

controls 音频是否允许用户控制播放
autoplay 音频文件是否自动播放，如果设置了autoplay，但是大部分浏览器不支持
loop 音频是否循环播放

 <audio controls>
        对不起您的浏览器不支持，请升级
        <source src="music/obj_wo3DlMOGwrbDjj7DisKw_11983356173_ed2f_6024_be41_2dc456563c5f9c9535b75ecb066c0325.mp3">
    </audio>

<video src="vedio\【派大星】“谁说被人歌颂的才算天才”.mp4" autoplay controls ></video>