html-图像标签

  图像标签
    <img src="图片的路径"/>
      -src:图片的路径
      -width:图片的宽度
      -height:图片的高度
      -alt:图片上显示的文字,把鼠标移动到图片上,停留片刻显示内容
      ** 有些浏览器下不显示(没有效果),一般不用这个。

  代码实例:

<html>
    <head>
        <title>World</title>
    </head>
    <body>
        <!-- 在该文件的同级目录下,有一个images目录,并且在images目录下有a.jpg和b.jpg,以下同理(相对路径) -->
        <h4>下层目录</h4>
        <img src="images/a.jpg" width="300" height="200"" alt="图片上的文字"/>
        <img src="images/b.jpg" width="300" height="200"/>
        <hr/>
        <h4>上层目录</h4>
        <img src="../a.jpg" width="300" height="200"  />
        <hr/>
        <h4>当层目录</h4>
        <img src="b.jpg" width="300" height="200"  />
        <hr/>
        <img src="../img/a.jpg"  width="300" height="200">    
        <h4>远程目录(绝对路径)</h4>
        <img src="https://static.cnblogs.com/images/adminlogo.gif" />
    </body>
</html>

  路径相关请在html-路径的介绍中查看

猜你喜欢

转载自www.cnblogs.com/ibabyli/p/9882334.html
今日推荐