4、背景和图片

    技术2022-07-11  79

    背景和图片

    背景图片

    一、背景

    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:必填的属性,指定图像的URLalt:必填的属性,指定图像的替代文本,即当图像无法正常显示时用该文本替代。width:指定图像显示的宽度height:指定图像显示的高度title:将鼠标悬浮在图片上时显示的文本align:设置图片周围的文本相对于图片的对齐方式。【top、center、button】

    2.3、使用

    <body> <img src="./picture.jpg" alt="图片链接失效" title="科技" width="500px"> <!--一般来说宽高只设置一个,另一个让其自行按比例调整,这样可以避免图片内容比例失调--> </body>

    全屏背景图片用纯碎的HTML标签很难实现,需要配合CSS样式一起使用

    Processed: 0.009, SQL: 9