媒体
常用的媒体元素包含图片img、音频audio和视频video。
图片
常用的图片格式为jpg(jpeg)、png、gif等;img元素包含的属性有图片路径src、宽width、高height和描述alt等。
<img src="..." width="100" height="100" alt="图片" />
图片样式
使用盒子模型里相关样式,可改变图片的显示方式。
<img src="..." width="100" height="100" alt="图片" class="radius" /> <img src="..." width="100" height="100" alt="图片" class="radius-circle" /> <img src="..." width="100" height="100" alt="图片" class="radius-big padding-mini border" /> <img src="..." width="100" height="100" alt="图片" class="radius-circle padding-mini border" />
音频
audio支持的格式为mp3、wav、ogg;audio元素包含的属性有音频路径src、控制controls、预载preload和循环loop等。
<audio src="..." controls preload loop ></audio>
视频
video支持的的格式为mp4、webm、ogg;video元素包含的属性有视频路径src、预览图poster、控制controls、预载preload和循环loop等。
<video src="..." poster="..." controls preload loop ></video>