html-图像标签
程序员文章站
2022-03-29 20:16:51
图像标签 
-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>
路径相关请在中查看
上一篇： JS中数据类型转换
下一篇： 前端学习之HTML（1）