HTML图像标记

<img>图像标记

　　1.使用方法：<img src ＝“路径/文件名.图片格式” width ＝“属性值” height ＝“属性值” border ＝“属性值” alt＝“属性值”>

　　2.注意：

　　　　a.<img>为单标记，不需要使用</img>闭合

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

　　3.<img>标记的属性

　　　　a.  src为属性，作用指定我们要加载的图片的路径和图片的名称以及图片格式

　　　　b.  width属性，作用指定图片的宽度，单位px，em，cm，mm

　　　　c.  height属性，作用指定图片的宽度，单位px，em，cm，mm

　　　　d.  border属性，作用指定图标的边框宽度，单位px，em，cm，mm

　　　　e.  alt属性， 作用1当网页上的图片被加载完成后，鼠标移动到上面去，会显示这个图片指定的属性文字

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

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

 

eg：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第六天</title>
</head>
<body>
    <img src="sds.html11" width="100px" height="1000px" border="10px" alt="这是一个测试case">
</body>
</html>
posted @ 2017-11-05 17:45  pylzp  阅读(3404)  评论(0)  编辑  收藏  举报