码迷,mamicode.com
首页 > 其他好文 > 详细

图像标记

时间:2017-11-05 18:31:08      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:加载完成   img   lan   oct   鼠标   名称   单位   需要   一个   

<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>

图像标记

标签:加载完成   img   lan   oct   鼠标   名称   单位   需要   一个   

原文地址:http://www.cnblogs.com/lzp1103/p/7788015.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!