图像标签
|
属性
|
属性值
|
说明
|
|
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>结果演示
