前端开发学习笔记–HTML 嵌入元素

发布于 2018-03-30  307 次阅读


<img>元素表嵌入图像,主要是插入一张外部的图片,图片的路径问题和超链接一致,以下是其元素的对应属性:

src 嵌入图像的 URL
alt 当图片不加载时显示的备用内容
width 定义图片的长度(单位 px)
height 定义图片的高度(单位 px)
ismap 创建服务器端分区响应图
usemap 关联 map 元素

例:

<a href="index.html">
                 <img src="abc.png" width="100" height="200" alt="效果图" ismap>
</a>

 

<progress>元素可以显示一个进度条,可以通过 JavaScript 来 控制内部的值

例:

<progress value="20" max="100"></progress>

 

<meter>元素显示某个范围内的值,属性包含:min 和 max 表示范围边界,low 表示小于它的值过低,high 表示大于它的值过高,optimum 表示最佳值,无效果

例:

<meter value="88" min="5" max="100" low="20" high="80" optimum="70">
</meter>

 

<iframe>元素表内嵌一个 HTML 文档。其 src 属性表初始化时显示的页面,width 和 height 表内嵌文档的长度和高度,name 表用于 target 的名称。

例:

<a href="index.html" target="some">index</a> |
<a href="http://www.baidu.com" target="some">百度</a>
<iframe src="https://www.itwordsweb.com/" width="666" height="333"name="some">小白鼠</iframe>