图像标签与多媒体标签

img-图像标签

目前图片的形式：gif.jpg.png.bmp

属性

属性	含义
src	图片的路径（绝对/相对）
alt	代替图片的文本内容（路径错误时予以注释）
title	用来描述图片（图片正常展示）
width	宽度（单位px，可省略）
height	高度 （单位px，可省略）
border	边框（ 默认值为0，数字越大边框越粗，最大值为5）
align	位置 （文字与图片的对应关系）

align取值：
top–上对齐
middle–居中对齐
bottom–下对齐（默认）
left–左对齐
right–右对齐

以下是图片正常显示的效果（alt属性失效）
现在是图片路径出现错误，图片不能正常显示（alt属性发挥作用）

这是"border"–边框属性，为了显示清晰，我给赋值为5。
这是"align"–位置属性，作者在下方进行逐个展示

默认对齐（下对齐）
图片上对齐
图片居中对齐
图片左对齐
图片右对齐

位图属性

usemap–位图
map标签一般与"area"标签连用。
shape属性：鼠标点击的形状。
coords属性：用来确定鼠标点击的位置。
href属性：表示跳转的路径。

其中："coords"中的三个数字分别是你要锁定的位置的X，Y坐标和由这个点所形成的圆的半径（可以定义的大一些以便寻找）。
当鼠标锁定设定位置后，屏幕上的“箭头”会变成“一只手”表示这里可点击。
点击后，系统会根据您输入的路径进行跳转：
注：设置点击位置时需用到"FSCapture"软件进行测量。

然后在图片左上角处点击并移动到您想要锁定的位置。
这里的两个数字就是锁定位置的X，Y坐标，在输入时需要提前进行除以二处理。
这个位图的位置设定可能会出现错位的情况（明明设定的是眼睛，可点击时发现可点击的位置却是鼻子），这是我们可把半径范围进行扩大处理。

视频标签

标签	含义
audio	音频
属性	含义
controls	显示音频控制面板（必须要有！）
autoplay	自动播放 （为提升用户体验，浏览器一般会禁用自动播放）
src	跳转路径（必须有！）
loop	循环播放

标签	含义
video	视频
属性	含义
src	跳转路径
controls	显示视频控制面板
autoplay	自动播放 （静音下可自动播放）
loop	循环播放
muted	静音播放

注意： 在HTML5里面，如果属性名和属性值完全相同，可简写为一个单词
eg:
controls=“controls” 简写为 controls
autoplay=“autoplay”
loop=“loop”
这一点很重要，也会为我们节省步骤和时间。