(007)—背景图片和背景颜色(设置都是对背景进行设置)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"> <!--以UTF-8打开-->
<title>背景颜色和背景图片</title>
</head>
<!--bgcolor: 设置背景色
background: 设置背景图片
以上的设置都是对背景进行设置
-->
<body bgcolor="yellow" background="1.png">
</body>
</html>
结果:
(008)—图片
- img标签就是图片标签。
- src属性就是图片的路径。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图片</title>
</head>
<body>
<!--
1.设置图片宽度和高度的时候,只设置宽度,高度会进行等比例缩放。
2.src属性就是图片的路径
3.width设置宽度,height设置高度
4.title设置鼠标悬停时显示的信息。
5.alt设置图片加载失败时显示的提示信息。
6.img标签就是图片标签。
-->
<img src="1.png" width="500px" title="我是dos窗口" alt="图片加载失败"/>
<br><br><br>
<img src="1.png" height="500px" title="我是dos窗口" alt="图片加载失败"></img>
</body>
</html>
结果: