码迷,mamicode.com
首页 > Web开发 > 详细

html-图像标签

时间:2018-10-31 13:57:21      阅读:253      评论:0      收藏:0      [点我收藏+]

标签:并且   路径   浏览器   上层   介绍   tps   ati   class   绝对路径   

  图像标签
    <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-路径的介绍中查看

html-图像标签

标签:并且   路径   浏览器   上层   介绍   tps   ati   class   绝对路径   

原文地址:https://www.cnblogs.com/ibabyli/p/9882334.html

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