图像标签
<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-图像标签
原文地址:https://www.cnblogs.com/ibabyli/p/9882334.html