Contents
22.1.4. 图像¶
在网页中插入图像¶
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>插入图像</title>
</head>
<body>
<! --以下是插入图像-->
<img src="96440.jpg">
</body>
</html>
图像无法显示时的提示信息¶
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>alt用法</title>
</head>
<body>
<! --下面一行表示在图像标记中设置alt-->
<img src="964401.jpg" alt="风景">
</body>
</html>
控制图像的大小
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>控制图像的大小</title>
</head>
<body>
<! --下面是控制图像的宽度和高度-->
<img src="96440.jpg" alt="风景" width="800px" height="500px">
</body>
</html>
图像top对齐
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图像top对齐</title>
</head>
<body>
图像与文本top对齐
<br>
<img src="96440.jpg" alt="风景" align="top">
</body>
</html>
图像与文本顶部对齐、居中对齐、底部对齐
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图像top对齐</title>
</head>
<body>
图像与文本top对齐
<br>
<img src="96440.jpg" alt="风景" align="top">
<br>
图像与文本居中对齐
<br>
<img src="96440.jpg" alt="风景" align="middle">
<br>
图像在底部显示
<br>
<img src="96440.jpg" alt="风景" align="bottom">
</body>
</html>
设置图像边框
<!DOCTYPE html>
<!DOCTYPE html>