媒体标签笔记

媒体标签总结：

相对路径（这里是相对于html文件来说的）

上级目录： ../+图片名（包括后缀）

同级目录： 直接图片名或者./+图片名

下级目录： 图片所在的文件夹名+图片名

---

图片标签（img）

src属性：

src=""（""内存放路径下同）

alt属性：

atl="" （""内存放替换文本 在图片不能正常显示时才会显示）

title属性：

title=""（""内存放提示文本 鼠标悬停时会显示不止用于图片文本）

width属性：

width=""（""内输入宽度数值调整图片宽度）

height属性：

height=""（""内输入高度数值调整图片宽度）

注意：实际应用中一般只会使用高度、宽度属性的其中之一，另一个会自动调整。（为了保证图片不变形）

音频标签（audio）

属性名	功能
src	音频的路径
controls	显示播放的控件
autoplay	自动播放（部分浏览器不支持）
loop	循环播放

常使用：MP3格式

视屏标签（video）

属性名	功能
src	视频的路径
controls	显示视频播放的控件
autoplay	自动播放（谷歌浏览器中需要配合muted实现静音播放）
loop	循环播放

常使用：MP4格式