图像标签
插入图像
-
在 HTML 中,图像由 <img> 标签定义。<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签
-
格式:
<img src="path" alt="text" title="text" width="x" height="y"/>
- src:图像的 URL 地址
- alt:图像的替代文字。当浏览器无法载入图像时,浏览器将显示这个替代性的文本而不是图像
- title:鼠标悬停提示文字
- width:图像宽度
- height:图像高度
背景图片
- 可通过 <body> 标签的 background 属性设置网页的背景图片
- 如果图像小于页面,图像会进行重复
<body background="C:\Windows\Web\Wallpaper\Windows\img0.jpg">
</body>
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body background="C:\Windows\Web\Wallpaper\Windows\img0.jpg">
<!-- 图像标签 -->
<!-- 推荐使用相对路径 -->
<img src="C:\Windows\Web\Wallpaper\Windows\imgX.jpg" alt="图像的替代文字" title="悬停文字" width="160" height="100" />
<img src="C:\Windows\Web\Wallpaper\Windows\imgX_error.jpg" alt="图像的替代文字" title="悬停文字" width="" height="" />
</body>
</html>
标签:文字,浏览器,标签,图像,背景图片,属性
From: https://www.cnblogs.com/TNTksals/p/16649475.html