HTML图像标记

1.使用方法

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

2.注意

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

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

3.<img>标记的属性

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

  • width属性  指定图片的宽度,单位px、em、cm、mm

  • height属性  指定图片的高度,单位px、em、cm、mm

  • border属性  指定图片的边框宽度,单位px、em、cm、mm

  • alt属性

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

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

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

<html>
    <head>
        <title>第五节课</title>
        <meta charset="utf-8">
    </head>
    <body>
        <img src="img/fengjing.jpg" alt="风景图片" width="100px" height="100px" border="2px">
    </body>
</html>

猜你喜欢

转载自www.cnblogs.com/chy-op/p/9932606.html