1.超链接
- 超链接：使用a标签定义超链接，可以嵌套任何元素
- 属性：
– herf：指定挑准的目标路径（外部网站/内部链接）
<a href="https://www.baidu.com">hello</a>
– target：指定超链接打开的位置
- 可选值：
– _self（默认值）：在当前页面打开链接
– _blank：在新的页面打开链接 - 回到顶部：
<a href="#">回到顶部</a>
- 去任何地方：
– 设置id属性：唯一不重复；区分大小写；字母开头；每个标签都可以添加一个id属性
– 只需要将想要去的地方设在为herf="#" (当做底部)
<a href="#bottom">去底部</a>
<a href="#p3">去第三段</a>
<!-- -- 跳转之后再返回原位置：-->
<a id="p3" href="#">返回</a>
<a id="bottom" href="#">返回</a>
- 占用位符
<a href="javascript:;"超链接</a>
- 跳转路径设置问题：
绝对路径：跳转到其他外部网页
相对路径：跳转一个服务器内部的页面
./：表示当前文件所在的目录
../：表示当前文件所在目录的上级目录
目录列表：
从try文件夹下的try.html文件转到hello.html文件：
从1.html文件转到try文件夹下的try.html文件和hello.html文件：
2.内联框架
用于向当前页面引入其他页面
<iframe src="https://www.bilibili.com/bangumi/play/ss36594/?from=search&seid=4200872282794494377&spm_id_from=333.337.0.0"
frameboder="0"
width=350
height=250>
3.图片标签
- 图片标签：img标签（自结束标签）
- img属于替换元素（替换元素在块元素和行内元素之间，具有两种元素的特点）
- 属性
-src：指定外部图片的路径
-alt：对图片的描述（默认不显示出来）
-width/heught：单位是像素 - 图片的格式
效果一样，用小的；效果不一样，用效果好的
| 图片格式 | 颜色 | 动图效果 | 透明效果 |
|---|---|---|---|
| jpeg/jpg | 支持颜色丰富 | 不支持动图 | 不支持透明效果 |
| gif | 支持颜色少 | 支持动图 | 支持简单透明 |
| png | 支持颜色丰富 | 不支持动图 | 支持复杂透明 |
| 图片格式 | 形式 | 特点 |
|---|---|---|
| webp | 谷歌推出专门表示网页中图片的格式 | 支持颜色丰富、支持动图、支持复杂透明；但是兼容性不好 |
| base64 | 将图片使用base64进行编码，将图片转换为字符，通过字符形式引入图片 | 一都是需要和网页一起加载才会使用base64 |
4.音视频播放
引入时，默认情况下不允许用户自己操作，只有在加上controls才可以
- 音频：向当前页面引入一个外部音频文件
-controls：在页面显示控制按钮
-autoplay：自动播放（打开页面时自动播放，但大部分浏览器不会）
-loop：循环播放
<audio src="audio.mp3" controls></autio>
或者：
<autio controls>
对不起，无法显示
<source src="audio.mp3">
</audio>
- 视频
<video controls>
<source src=" ">
</video>
