广东快3>WIKI库>学习HTML>HTML img标签

HTML img标签



<img>标记的使用方法


广东快3<img src="路径/文件名.图片格式" width="属性值" height="属性值" border="属性值" alt="属性值">



<img>标记的属性


src属性


作用

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


width属性


作用

广东快3指定图片的宽度,单位px、em、cm、mm


height属性


作用

广东快3指定图片的高度,单位px、em、cm、mm


border属性


作用

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


alt属性


作用1

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

作用2

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

作用3

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



注意


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

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

广东快3  


练习 



<html>


<head>


<title>第五节课</title>


<meta charset="utf-8">


广东快3</head>


<body>


广东快3<img src="img/fengjing.jpg" alt="风景图片" width="100px" height="100px" border="2px">


</body>


广东快3</html>

 

运行结果:

html1.png


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


分享到:

目录