HTML的背景色和背景图、图片

背景色和背景

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景色和背景图片</title>
	</head>
	<!--
		bgcolor：设置背景色
		background：设置背景图片
		以上的设置都是对背景进行设置。-->
	<body bgcolor="blue" background="Joker.png">
	</body>
</html>

在这里插入图片描述

图片

1、设置图片宽度和高度的时候，只设置宽度，高度会进行等比例缩放。
2、img标签就是图片标签。
3、src属性是图片的路径。
4、width设置宽度，height设置高度。
5、title设置鼠标悬停时显示的信息。
6、alt属性用来为图像定义一串预备的可替换的文本，替换文本属性的值是用户定义的。在浏览器无法载入图像时，替换文本属性告诉读者他们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片img</title>
	</head>
	<body>
		<img src="Joker.png" width="50%" title="这是一张图片" alt="图片加载失败！" />
	</body>
</html>

在这里插入图片描述