基本的用法:
<img src="图片的路径" width="xxpx"height="xxpx"alt="当图片不能真确显示时,就会显示这段文字" title="辩题,当鼠标移动到该图片时,显示的文字">
img是单标签。
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>图像标签</title>
</head>
<body>
<!--图片的指定了宽度后,不指定高度,将会成比例的缩放
border:1px solid red; 1px表示边框的宽度 solid表示实线 red表示颜色
RGB[FF FF FF ]border的样式选择 css的边框的说明去找
title:表示鼠标移动会出现的效果
alt:表示图片不能正确显示时出现的文字
width=“30%”表示图片大小表示按比例放大缩小。会随窗口大小而变化。
顺序可以随意-->
<img src="0000.jpeg"width="307px">
<img src="0000.jpeg"style="border:1px solid #FF0000;"width="307px"title="z这是初音"alt="初音未来">
<img src="0000.jpeg"style="border:1px solid #FF0000;"width="30%"title="z这是初音"alt="初音未来">
</body>
</html>