欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

html-图像标签

程序员文章站 2022-07-05 17:35:00
图像标签 -src:图片的路径 -width:图片的宽度 -height:图片的高度 -alt:图片上显示的文字,把鼠标移动到图片上,停留片刻显示内容 ** 有些浏览器下不显示(没有效果),一般不用这个。 代码实例: 路径相关请在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>

  路径相关请在中查看