本文参与4月更文挑战, 打卡day3, 第三篇
3. 图片
<img>标签
用来给页面中书写图片的。
- 属性1：
src
属性值书写要添加的图片的路径【必须写】
- 属性2：
alt
书写对图像的文本描述，在网络错误、内容被屏蔽或链接过期时这个文本描述信息会被展示在页面。【可以不写】
- 属性3：
height
表示图像的高度，在 HTML5 中的单位是 CSS 像素，在 HTML 4 中既可以是像素，也可以是百分比。【可以不写】
- 属性4：
width
图像的宽度，在 HTML5 中单位是 CSS 像素， 在 HTML 4 中可以是像素也可以是百分比。【可以不写】
在只书写图片的宽度（或高度）时，图片的高度（或宽度）会等比例被压缩（或放大）。
4. 音频与视频
音频： audio标签
有两种写法：
- 在
audio标签的src属性书写音频的位置（只有一个音频时使用）
<audio src="/audios/bgm.mp3">无法播放</audio> <!--当MP3文件无法播放时会显示“无法播放”-->
<!--只书写这一行将文件在浏览器打开后没有任何反应，需要再书写controls属性-->
- 要添加备用音频，插入多个音频当第一个无法播放时使用第二个音频；第二个音频无法使用时使用第三个音频，以此类推。（有多个音频时使用）
<!-- 书写多个音频时，audio元素只写controls属性，在audio标签内部再嵌套source元素 -->
<audio controls>
<source src="/html/audios/bgm.mp3" type="audio/mpeg" />
<source src="/html/audios/bgm1.mp3" type="audio/mpeg" />
</audio>
<!--
课里讲：这里的source元素一定要加上type="audio/mpeg"
浏览器里现实的效果是加不加type="audio/mpeg"都一样的。
-->
视频：video标签
类似音频标签的使用方法
- 只有一个音频时
<body>
<video src="/html/videos/video1.mp4"></video>
</body>
<!--
这样书写只会展示一个黑色的视频框，没有播放按钮，而且视频框的大小超过了浏览器一页的大小
可以添加width和（或）wheight属性来控制视频播放框的大小
添加controls属性显示播放按钮
-->
<video controls wheight="600" src="/html/videos/video1.mp4"></video>
- 设置备用视频时（有两个或两个以上视频时）
<video controls>
<source src="/html/videos/video2.mp4" type="video/mp4" />
<source src="/html/videos/video1.mp4" type="video/mp4" />
</video>
5.超链接
<a>标签，写上href属性，属性值书写要跳转的网页（超链接要链接到的地方）。
标签内部书写的文字就是超链接标记的部分。
<a href="https://juejin.cn/user/3628846141942669">这是一个超链接</a>
<!--会连接到我的掘金主页-->
<!--也可以连接到本地文件，只需要修改href-->
a标签的属性--target
书写 target=“_blank”之后这个超链接就会在一个新的窗口打开，不书写会默认在当前窗口打开。
超链接可以在文本上，也可以在图片上。也就是说a标签内部可以嵌套img标签
