HTML5技术

第二章 HTML主体标签及属性、颜色的设定_HTML教程

字号+ 作者:H5之家 来源:H5之家 2015-09-24 14:05 我要评论( )

第二章 HTML主体标签及属性、颜色的设定,学习第二章 HTML主体标签及属性、颜色的设定,第二章 HTML主体标签及属性、颜色的设定,查看第二章 HTML主体标签及属性、

 为了使你的网页绚丽多姿,吸引更多的浏览者阅读,可以给网页添加更多的标签及属性,这是为了对网页中的元素进行修饰、布局。下面就来逐一介绍这些标签。

   一、 html的主体标签<body>

   在<body>和</body>中放置的是页面中所有的内容,如图片、文字、表格、表单、超链接等设置。

   <body>标签有自己的属性,设置 <body>标签内的属性,可控制整个页面的显示方式。

 <body>标签的属性

属 性 描  述

link 设定页面默认的连接颜色

alink 设定鼠标正在单击时的连接颜色

vlink 设定访问后连接文字的颜色

background 设定页面背景图像

bgcolor 设定页面背景颜色

leftmargin 设定页面的左边距

topmargin 设定页面的上边距

bgproperties 设定页面背景图像为固定,不随页面的滚动而滚动

text 设定页面文字的颜色

    格式:
    <body text="#000000" link="#000000" alink="#000000" vlink="#000000" background="gifnam.gif" bgcolor="#000000" leftmargin=3 topmargin=2 bgproperties="fixed">

实例:2-1.html

<html>
<head>
<title>bady的属性实例</title>
</head>
<body bgcolor="#FFFFE7" text="#ff0000" link="#3300FF" alink="#FF00FF" vlink="#9900FF">
<center>
<h2>设定不同的连接颜色</h2>
测试body标签<p>
<a href="">默认的连接颜色</a>
<p>
<a href="">正在按下的连接颜色,</a>
<p>
<a href="">访问过后的连接颜色,</a>
<P>
<a href="#" onClick="javascript:window.history.back()">返回</a>
</conter>
</body>
</html>

实例说明:
    
    <body>的属性设定了页面的背景颜色,文字的颜色,链接的颜色为#3300ff,单击的连接颜色为#ff00ff,单击过后的颜色为#9900ff。

    Body里面的是页面中的链接标签,对于属性可根据页面的效果来定,用那个属性就设定那个属性。对于上面的属性在后面的章节中还会介绍,在这里就不逐一引用了,我们的学习目的主要是掌握标签及属性的使用方法。

          二、 颜色的设定

    颜色值是一个关键字或一个RGB格式的数字。在网页中用得很多,在此就先介绍一下。

    颜色是由 "red" "green" "blue " 三原色组合而成的,在 HTML 中对颜色的定义是用十六进位的,对於三原色 HTML 分别给予两个十六进位去定义,也就是每个原色可有 256 种彩度,故此三原色可混合成16777216种颜色。
   
    例如:  白色的组成是 red=ff, green=ff, blue= ff,RGB 值即为ffffff
            红色的组成是 red=ff, green= 00, blue= 00, RGB值即为ff0000 
            绿色的组成是 red=00, green=ff, blue= 00, RGB值即为 00ff00    
            蓝色的组成是 red=00, green= 00, blue= ff, RGB值即为0000ff    
            黑色的组成是 red=00, green=00, blue=00, RGB 值即为 000000  
    
     应用时常在每个 RGB 值之前加上“ # “ 符号,如:bgcolor="#336699" 用英文名字表示颜色时直接写名字。如 bgcolor=green

      RGB颜色可以有四种表达形式::

  • rgb(y%,y%,y%) y是一个介乎0.0到100.0之间的整数 (如, rgb(0%,80%,0%)
  •     Windows VGA(视频图像阵列)形成了16各关键字:  aqua,black, blue,fuchsia, gray,green, lime,maroon,navy,olive, purple,red,silver,teal,white,and yellow

    下面是部分颜色的RGB代码图表:

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • 第二章 HTML主体标签及属性、颜色的设定_HTML教程

      第二章 HTML主体标签及属性、颜色的设定_HTML教程

      2015-09-24 14:05

    网友点评