背景和图片
- 背景
- 图片
一、背景
1.1、说明
<body>标签拥有两个配置背景的属性：
1）、bgcolor：设置页面背景颜色，属性值参考："#000000"、“rgb(0,0,0)”、“red”。
2）、background：设置页面的背景图片，属性值参考："./picture.jpg"
1.2、属性
1.3、使用
<!--案例1-->
<body bgcolor="red">
<!--设置页面背景为红色-->
</body>
<!--案例2-->
<body background="./picture.jpg">
<!--设置背景图片为xx-->
</body>
二、图片
2.1、说明
<img>标签用于向页面中插入一张图像。
<img>标签属于行内块元素，位于行内却可以设置宽高。
2.2、属性
- src：必填的属性，指定图像的URL
- alt：必填的属性，指定图像的替代文本，即当图像无法正常显示时用该文本替代。
- width：指定图像显示的宽度
- height：指定图像显示的高度
- title：将鼠标悬浮在图片上时显示的文本
- align：设置图片周围的文本相对于图片的对齐方式。【top、center、button】
2.3、使用
<body>
<img src="./picture.jpg" alt="图片链接失效" title="科技" width="500px">
<!--一般来说宽高只设置一个，另一个让其自行按比例调整，这样可以避免图片内容比例失调-->
</body>
全屏背景图片用纯碎的HTML标签很难实现，需要配合CSS样式一起使用
3347
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
