HTML标签(2)——body

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

属性

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

常用属性
  1. bgcolor:设置网页的背景颜色。
  2. background:设置网页背景图片。
  3. text:设置网页文字颜色。
bgcolor

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


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

红:red(ff0000)
黄:yellow(#ffff00)
黑:black(#000000)
白:white(#ffffff)
蓝:blue(#0000ff)
绿:green(#00ff00)

实例:

<

    
        Text
    
    
        

一号标题

hello

运行结果:


设置页面颜色
background

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(网络图片绝对路径)

实例:



    
        Text
    
    
        

一号标题

hello

运行结果:


设置背景图片
  • 图片大小不够时,网页会将图片平铺。

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

text

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


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



    
        Text
    
    
        

一号标题

hello

运行结果:


设置字体颜色

你可能感兴趣的:(HTML标签(2)——body)