HTML img标签



<img>标记的使用方法


<img src="路径/文件名。图片格式" width="属性值" height="属性值" border="属性值" alt="属性值">



<img>标记的属性


src属性


作用

指定我们要加载的图片的路径和图片的名称以及图片格式


width属性


作用

指定图片的宽度,单位px、em、cm、mm


height属性


作用

指定图片的高度,单位px、em、cm、mm


border属性


作用

指定图标的边框宽度,单位px、em、cm、mm


alt属性


作用1

当网页上的图片被加载完成后,鼠标移动到上面去,会显示这个图片指定的属性文字

作用2

如果图像没有下载或者加载失败,会用文字来代替图像显示

作用3

搜索引擎可以通过这个属性的文字来抓取图片



注意


1、<img>为单标记,不需要使用</img>闭合

2.在加载图像文件的时候,文件的路径或者文件名文件格式错误,将无法加载图片

  


练习 



<html>


<head>


<title>第五节课</title>


<meta charset="utf-8">


</head>


<body>


<img src="img/fengjing。jpg" alt="风景图片" width="100px" height="100px" border="2px">


</body>


</html>

 

运行结果:

html1.png


【本文由麦子学院独家原创,转载请注明出处并保留原文链接】


logo
© 2012-2016 www.trishajaya.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

免费领取价值1888元求职宝典!

客服热线 400-862-8862

回到顶部

荣鼎彩开奖 三分快3 秒速时时彩 快乐赛车 欢乐生肖 欢乐生肖 全民彩票 上海11选5走势 澳洲幸运10开奖结果 澳洲幸运8