您的位置：首页 > Web前端 > HTML5

HTML5第六章 嵌入元素

2018-03-13 10:24 579 查看
第六章嵌入元素
元素名称描述
img图片
map定义分区响应图
iframe嵌入文档
embed嵌入插件
progress进度条
meter范围值
img私有属性
属性名称描述
src图片的路径url
alt当图片加载不出来的时候,给用户的提示
width图片宽度
height图片高度
ismap创建服务端分区响应图
usemap关联<map>元素,通过图片中的热点进行超链接,采用Dreamweaver实现
1.<img>
<body>
<a href="html5.html">
<!--注意谷歌浏览器不支持此写法,火狐支持-->
<!--ismap当鼠标点击图片时,会实时响应鼠标点击在该图片的坐标-->
<img src="img/cat.png" alt="cat" width="140" height="138" ismap>
</a>
</body>效果图：







2.<iframe>
用法：
<body>
<a href="index1.html" target="in">index1</a>
<a href="index2.html" target="in">index2</a><br>
<iframe src="index1.html" name="in" width="300" height="150"></iframe>
<!--<iframe>表示内嵌一个html文档。src表示初始化显示的页面。
width和height设置内嵌容器的宽高。name用于target的名称。-->
</body>效果图：



3.<progress>和<meter>
用法：
<body>
<progress value="9" max="100"></progress><br>
<meter value="9" max="100" low="10" high="90"></meter>
<!--low表示最低值,低于最低值则会显示黄色警告-->
<!--high表示最高值,高于最高值也会显示黄色警告-->
</body>效果图：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html5嵌入元素
相关文章推荐
新的分享
章节导航