当前位置： 移动技术网 > IT编程>网页制作>CSS > html-图像标签

html-图像标签

2018年10月31日  | 移动技术网IT编程  | 我要评论

　　图像标签
　　　　<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>

　　路径相关请在中查看

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网