「这是我参与2022首次更文挑战的第20天，活动详情查看：2022首次更文挑战」
p13-p19媒体标签
p13-图片使用
场景：网页中使用图片
代码：<img src="", alt="">
特点：
- 单标签
- 需要展示对应的效果，因此要借助标签的属性进行设置
p14-图片属性
属性写法规则：属性名=“属性值”，属性=属性名+属性值
标签的属性可以有多个，标签名和属性之间用空格隔开，属性之间也用空格隔开，属性间没有顺序之分
src：图片链接
alt：替换文本
- 图片加载失败，才显示alt文本
- 图片加载成功，不显示alt文本（资源找不到时）
title：鼠标悬停时显示的文本，稍微等会显示
title还可以用于其它属性
width：图片宽度，数字
height：图片高度，数字
- 如果只设置一个尺寸属性，另一个没设置的会等比例缩放
- 因此工作中只要给出一个值，图片自动等比例缩放，图片不会变形
p15-绝对路径
路径：绝对路径和相对路径，通常使用相对路径
绝对路径：目录下绝对位置，可直接到达目标位置，从盘符开始的路径
如：
盘符开头：d:\day.png
mac：/开头，
完整的网络地址：www.xxx.com/day.png
p16～p17-相对路径-同级和下级
相对路径：从当前文件出发，找目标文件
相对路径分类：
- 同级目录：目标图片.png或./目标图片.png
- 下级目录：目标文件在与当前文件同级的文件夹里，
同级文件夹名/目标图片.png
- 上级目录：目标文件在上级文件夹里
../上级文件夹名/目标图片.png
p18-音频标签
场景：页面中插入音频
代码： ，注意是双标签
常见属性:
src，文件后缀是mp4，mp3等音频格式
注意点：
- 默认不显示播放控件，所以要加controls
- autoplay，chrome不支持，一般不支持
- 音频标签支持三种格式：mp3（建议使用），wav，ogg。有的浏览器不支持所有格式。mp4也可以放
p19-视频标签
场景：在页面中插入视频
代码：
常见属性：
注意点：
- controls一定要加，不然没法控制播放，一般不支持自动播放
- 视频可以自动播放，但需要设置静音，添加属性：muted
- 视频标签支持的三种格式：mp4，webm，ogg
p20-超链接
场景：点击之后，从一个页面跳到另一个页面
称呼：a标签，超链接，锚链接
代码：跳转提示文字
属性：
- href：跳转网页的地址
- target：目标网页的打开形式
默认属性值为_self
特点：
- 双标签，内部可以包裹内容
- 如果需要a标签点击之后去指定页面，需要设置a标签的href属性
- 网页完整链接：双击地址栏，带https和www
- 不独占一行
- 开发网站初期，如果不知道跳转网站，可以设置href="#"，表示空链接，点击后相当于刷新网页
- 超链接是唯一自带颜色的标签
p21-综合案例-招聘
h1
hr
h2
p
h2
p，strong
p
p
p
p
p
h2
p
img
p22-综合案例-跳转index
p23-综合案例-跳转其它页面
网站首页：index.html
跳转到自己写的其它页面
h1
hr
h2
p
a，href="./xx.html" target="_blank"
h2
p
a，href="./xx.html" target="_blank"
h1
hr
h2
audio，src="" controls
h1
hr
h2
video，src="" controls
