图像标签

2个月前 (07-21) 349次浏览 已收录 1个评论

图像标签

属性
属性值
说明
src
图片路径
必须属性
alt
文本
当图像不能正常显示时显示文字
title
文本
提示文本,鼠标放到图像上现实的文字
width
像素
图像宽度
height
像素
图像高度
border
像素
图像的边框粗细
<!DOCTYPE html>
<p lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>图像标签</title>
</head>
<h4>图像标签的使用</h4>
<img src="img.jpg"/>
<hr />
<h4>替换文本alt,图像不能正常显示时显示文字</h4>
<img src="i.jpg" alt="我是替换文字"/>
<hr />
<h4>title 提示文本</h4>
<img src="img.jpg" title="我是提示文本"/>
<hr />
<h4>width 图像宽度等比例缩放</h4>
<img src="img.jpg" width="500"/>
<hr />
<h4>height 图像高度等比例缩放</h4>
<img src="img.jpg" height="100"/>
<hr />
<h4>border 图像边框</h4>
<img src="img.jpg" border="15"/>
<hr />
<h4>相对同级路径</h4>
<img src="img.jpg"/>
<hr />
<h4>相对下一级路径</h4>
<img src="相对下一级/img.jpg"/>
<hr />
<h4>相对上一级路径</h4>
<img src="../img.jpg"/>
<hr />
<h4>绝对路径</h4>
<img src="/html/图像标签/img.jpg"/>
<hr />
</body>
</html>
结果演示
渣渣龙, 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:图像标签
喜欢 (1)

您必须 登录 才能发表评论!

(1)个小伙伴在吐槽
  1. 补:在css中,图片如果大于或者小于盒子大小,就可以使用width:100%来解决
    厚积薄发2021-08-19 22:36