1.<img>标签
img向网页中嵌入一张图片。
注释:图片格式:jpg png gif bmp svg
img标签属性 | ||
src | 上传图片的路径 | |
alt | 图片引入错误时代替的文字 | |
width/height | 设置图片的宽和高(单位px/10%) | |
border | 设置图片边框(默认0,取值>=0) | |
align | 根据图片周围文字来规定图片位置top bottom middle left right | |
title | 图片标题(鼠标悬停在图片中时显示) | |
usemap | 将图片设为客户端映射 |
2.<map>和<area>标签
map标签定义一个客户端图像映射,可点击图片指定位置区域。
map标签的属性 | ||
id | 定义唯一的名字 | |
name | 引用img里面的usemap的值 | <img> 标签中的 usemap 属性与 map 元素 name 属性相关联,创建图像与映射之间的联系。 |
area标签定义图像映射中的区域,area 元素总是嵌套在 <map> 标签中。
area标签的属性 | ||
alt | 定义区域替换的文本 | |
shape | 点击区域的形状circle rect poly default | |
coords | 点击区域的取值 | |
href | 跳转文件的位置 |
3.多媒体标签<audio>和<video>
audio引入音频,video引入视频
audio和video的属性 | ||
controls | 设置视频播放器或音频播放器的显示控制 | |
src | 引入音频或视频的位置 | |
autoplay | 表示视频或音频加载后自动播放 | |
loop | 表示播放结束后重新播放 | |
muted | 表示该输出静音 | |
height/width | 设置视频播放器的高和宽 |
<!DOCTYPE HTML>
<html>
<body>
<audio src="./大柯 - 给某某 [mqms2].mp3" controls="controls" autoplay></audio>
<video src="./m1.mp4" controls="controls" autoplay muted></video>
</body>
</html>