HTML标签（2）——body

最新推荐文章于 2022-02-13 13:00:42 发布

yhanw

最新推荐文章于 2022-02-13 13:00:42 发布

阅读量497

点赞数

分类专栏： Web前端文章标签： HTML5 标签

本文链接：https://blog.csdn.net/qq_34966814/article/details/79377320

版权

Web前端同时被 2 个专栏收录

22 篇文章 3 订阅

订阅专栏

html5

4 篇文章 0 订阅

订阅专栏

标签是网页的主体标签，网页要显示的内容都应该放置在与之间。

属性

根据w3c标准，在 HTML 5 中，删除了所有的特殊属性。也就是说，在HTML5中的标签是没有属性的。但是，以往的HTML标签是可以使用属性的，HTML5的标签使用属性后，浏览器仍然能显示属性内容。所以我们需要了解一下标签属性的使用，以方便以后阅读旧版本的HTML文件。

常用属性

bgcolor：设置网页的背景颜色。
background：设置网页背景图片。
text：设置网页文字颜色。

bgcolor

bgcolor属性用来设置整个网页的背景颜色，其基本语法如下：

<body bgcolor="color">

其中color是一种具体的颜色，可以用颜色的英文单词来表示，也可以用六位十六进制数来表示。
常用的颜色单词和十六进制表示有：

红：red（ff0000）
黄：yellow（#ffff00）
黑：black（#000000）
白：white（#ffffff）
蓝：blue（#0000ff）
绿：green（#00ff00）

实例：

<<!doctype html>
<html>
    <head>
        <title>Text</title>
    </head>
    <body bgcolor="red">
        <h1>一号标题<h1>
                hello
    </body>
</html>

运行结果：
设置页面颜色

background

background属性用来设置网页的背景图片，格式如下：

<body background="图片路径及名称">

HTML网页的背景图片可以使用“jpg、gif、png”三种格式的图片。
背景图片的路径可以使用相对路径和绝对路径。

相对路径：
test.jpg（表示图片与.html文件是在同一个目录下）
./image/test.jpg（表示image文件夹与.html文件是在同一个目录下）
../image/test.jpg（表示image文件夹是在.html文件的上一级目录下）
绝对路径：
d:/html/image/test.jpg（本地图片绝对路径）
https://p1.ssl.qhimg.com/t0151320b1d0fc50be8.png（网络图片绝对路径）
实例：

<!doctype html>
<html>
    <head>
        <title>Text</title>
    </head>
    <body background="5995.gif">
        <h1>一号标题<h1>
        hello
    </body>
</html>

运行结果：
设置背景图片

图片大小不够时，网页会将图片平铺。

背景图片与背景颜色之间存在优先级，background的优先级被bgcolor的优先级高。所以当两个属性同时存在时，先显示背景图片，当背景图片路径错误或寻在不到时，显示背景颜色。

text

text属性用于设置网页的字体颜色，其语法格式如下：

<body text="color">

其中color表是颜色，其设置方法与bgcolor属性颜色的设置方法相同。字体颜色默认为黑色。
实例：

<!doctype html>
<html>
    <head>
        <title>Text</title>
    </head>
    <body bgcolor="red" background="5995.gif" text="blue">
        <h1>一号标题<h1>
        hello
    </body>
</html>

运行结果：
设置字体颜色

yhanw

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
HTML标签（2）——body

标签是网页的主体标签，网页要显示的内容都应该放置在与之间。属性根据w3c标准，在 HTML 5 中，删除了所有的特殊属性。也就是说，在HTML5中的标签是没有属性的。但是，以往的HTML标签是可以使用属性的，HTML5的标签使用属性后，浏览器仍然能显示属性内容。所以我们需要了解一下标签属性的使用，以方便以后阅读旧版本的HTML文件。常用属性bgcolor：设置网页的背...
复制链接

扫一扫