媒体标签笔记
作者:互联网
媒体标签总结:
相对路径(这里是相对于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格式
标签:src,播放,媒体,标签,笔记,宽度,属性,图片 来源: https://www.cnblogs.com/fragmentary/p/16095956.html