HTML标签(2)——body

<body></body>标签是网页的主体标签,网页要显示的内容都应该放置在<body>与</body>之间。

属性

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

常用属性
  1. bgcolor:设置网页的背景颜色。
  2. background:设置网页背景图片。
  3. 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>

运行结果:


设置字体颜色
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,901评论 25 709
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,852评论 0 17
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,676评论 1 41
  • 0.B/S结构 浏览器服务器模式,web浏览器是客户端最主要的应用软件.将客户端使用web进行统一,系统功能实现集...
    liusong007阅读 4,721评论 0 1
  • 不是没有刺,只是不想扎人,事情不触碰到底线,就无所谓了…
    Wency木易阅读 1,184评论 0 0

友情链接更多精彩内容