<img>标签
<img src="image.jpg" alt="MyImage" width="100" height="100" title="xxx">
- src：指定图像的URL（地址），这是必需的属性，没有它图像无法显示。
- alt：提供图片无法显示时的替代文本
- width和height：设置图片的宽高，如果只设置其中一个，另一个会按比例缩放。
- title：提供关于图像的额外信息，通常显示为工具提示文本，当鼠标悬停在图像上时显示。
<audio>标签
HTML文档中嵌入音频内容。它支持三种音频格式：MP3、WAV 和 Ogg。
<!-- 一个自动播放、初始静音、循环播放、有控制面板的音频播放器 -->
<audio src="a.mp3" controls autoplay loop muted>
您的浏览器不支持 audio 元素。
</audio>
<!-- 使用 <source> 元素,以确保最大的浏览器兼容性时 -->
<audio controls loop autoplay>
<source src="a.mp3" type="audio/mpeg">
<source src="a.ogg" type="audio/ogg">
<source src="a.wav" type="audio/wav">
您的浏览器不支持 audio 元素。
</audio>
常用属性
-
controls：添加播放、暂停和音量控制。当这个属性存在时，浏览器会显示默认的音频播放器控件。
-
autoplay：音频在页面加载后自动播放。需要注意的是，由于用户体验的考虑，一些浏览器可能会阻止或限制自动播放功能。
-
loop：音频播放完毕后自动重新播放。
-
muted：音频默认静音。
-
preload：这个属性用于指定音频在页面加载时是否应该被预加载。它有三个可能的值：
none（不预加载）、metadata（仅加载音频元数据）、auto（预加载整个音频文件）。需要注意的是，预加载可能会增加页面加载时间，所以应该谨慎使用。 -
src：指定音频文件的URL。这个属性通常用在单个音频源的情况下，但如果使用
<source>元素，则不需要这个属性。
<video>标签
常见的视频格式包括 MP4、WebM、Ogg
v<video width="300" height="300" controls>
<source src="v.mp4" type="video/mp4">
<source src="v.webm" type="video/webm">
<source src="v.ogg" type="video/ogg">
您的浏览器不支持 video 标签。
</video>
常用属性
-
src：指定要播放的视频文件的URL。
-
controls：如果设置该属性，则会显示默认的控制条，包括播放、暂停、音量调节等选项。
-
autoplay：如果设置该属性，视频将在加载完成后自动播放。但请注意，由于用户体验的考虑，一些浏览器可能会阻止或限制自动播放功能。
-
loop：如果设置该属性，视频将在播放完毕后自动重新播放。
-
width 和 height：用来设置视频的宽度和高度，可以使用像素值或百分比。
-
poster：指定视频封面图的URL。当视频未播放时，将显示这个封面图。
-
preload：指定视频是否在页面加载时预加载。可选值有
none（不预加载）、metadata（仅加载元数据）和auto（加载整个视频）。 -
muted：如果设置该属性，视频将默认静音播放。
<iframe>标签
用于在当前 HTML 文档中嵌入另一个 HTML 文档。这可以是一个来自同一站点的页面，也可以是一个来自其他站点的页面。
<!-- 设置宽度为 500 像素，高度为 300 像素，不显示边框，也不显示滚动条 -->
<iframe src="https://example.com" width="500" height="300" frameborder="0" scrolling="no" title="Example Embedded Page"></iframe>
-
src：这个属性指定了要嵌入的页面的 URL。
-
width 和 height：这两个属性分别定义了
<iframe>的宽度和高度。 -
frameborder：这个属性用于指定是否显示
<iframe>的边框。通常设置为 "0" 以隐藏边框。 -
scrolling：这个属性用于指定是否显示滚动条。可能的值有 "yes"、"no" 和 "auto"。
-
title：这个属性为
<iframe>提供了描述性文本，通常用于辅助技术，如屏幕阅读器。