插入多媒体(行内块级元素img,video,audio)

在编写网页代码时,有许多时候,图片及视频这类多媒体文件是必不可少的,图片在插入时比较常见,我总结了一些关于多媒体插入的属性及使用;

img(图片)

"" alt="" title="" >

src为图片所在路径;alt为加载失败显示的文字;title为鼠标放在上面显示的文字。

video(视频)

controls(显示播放控件,必须的属性,只需要属性名controls) ;
autoplay(自动播放,结合静音使用);
muted(静音 );loop(循环播放);
poster=“img/**.jpeg(开始播放前的视频封面图)”

audio(音频)

controls(显示播放控件,必要属性);
autoplay(自动播放,结合muted使用);
muted(静音);
loop(循环播放);

map

"./img/麦迪.jpg" alt="" usemap="#a">
"a" name="a"> "circle" coords="335,190,50" href="img.html" alt="" target="_blank"> "poly" coords="250,264,123,145,265,456,156,489" href="img.html" alt="" target="_blank">

在img的属性中添加usemap=“#aa”,aa指的是map的id或是name;
area指的是选择图片中的某个区域;
shape:形状;有 ciecle(圆形) rectangle(矩形) poly(多边形);
coords:坐标 x,y,r(圆形) x1,y1,x2,y2(矩形) x1,y1,x2,y2,…,x6,y6(多边形)

你可能感兴趣的:(插入多媒体(行内块级元素img,video,audio))