文章导航

HTML <img> 元素

2018-8-10 13:23| 作者: admin| 查看: 225| 评论: 0|来自: 蚂蚁部落

使用<img>标签可以在网页插入一个图片。

代码实例如下:

[HTML] 纯文本查看 复制代码运行代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title> 
</head> 
<body> 
<img src="mytest/div+css/border.jpg"/>
</body> 
</html>

上面的代码可以在页面中插入一个标签。

<img>元素的主要属性:

(1).height属性:图片的高度。

(2).width属性:图片的高度。

(3).src属性:图片的路径。

(4).alt:当图片无法显示时的替代文本。

(5).title:鼠标悬浮时显示的文本。

注意事项:

(1).height和width如果不按照原图尺寸比例设置,会导致图片变形。

(2).alt:它的值大多是对图片的说明性文字,当图片由于某些原因无法加载时,就会显示这些文本;并且对搜索引擎优化有着重要意义,所以强烈建议不要省略。


鲜花

握手

雷人

路过

鸡蛋
上一篇:HTML 自闭和元素下一篇:HTML字符实体

最新评论

返回顶部