HTML img,热点,音视频元素,iframe
warning:
这篇文章距离上次修改已过203天,其中的内容可能已经有所变动。
在HTML中,img
元素用于插入图片,iframe
用于嵌入其他网页,热点通常指的是图像映射中的热点区域,音视频元素则可以使用audio
和video
。
img
元素:
<img src="image.jpg" alt="描述文字">
- 图像映射(热点):
<img src="image_map.jpg" alt="描述文字" usemap="#map">
<map name="map">
<area shape="rect" coords="10,10,100,100" href="link1.html">
<area shape="circle" coords="110,110,30" href="link2.html">
</map>
audio
元素:
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
<source src="audio.ogg" type="audio/ogg">
您的浏览器不支持 audio 元素。
</audio>
video
元素:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持 video 元素。
</video>
iframe
元素:
<iframe src="page.html" width="300" height="200" frameborder="0"></iframe>
以上代码展示了如何在HTML中使用不同的元素来插入图片、创建图像热点、嵌入音频和视频,以及如何在网页中嵌入其他网页。
评论已关闭