2007-08-19

CH推荐HTML入门教程

来源: 本站 作者:佚名 评论 0 条
 

第7课:属性

许多元素都可以设置属性。

属性是什么?

也许你还记得,HTML通过标签告诉浏览器如何展示网页(比如<br />告诉浏览器显示一个换行)。你可以为某些元素附加一些信息,这些附加信息被称为属性(attribute)。

例1:



<h2 style="background-color:#ff0000;">我跟HTML的友谊</h2>



属性应写在元素的首标签上。具体写法是:属性名称(attribute name)后紧跟一个等号(“=”),后面写上用双引号括起来的属性值(attribute value)。对于style属性的值,可以用分号(“;”)来分隔多个样式指令。这个后面会介绍。

这里涉及什么知识点?

属性有许多,我们首先学习的是style属性,它用于为网页设定样式,比如设置背景颜色等。

例2:



<html>

  

  <head>

  </head>



  <body style="background-color:#ff0000;">

  </body>



</html>



该例将在浏览器中显示一个全是红色的页面——自己动手试试看。稍后我们会详细讲解颜色设置的原理。

注意,一些元素和属性的名称采用的是美式拼写,比如color(而不是colour)。请留意本教程中元素与属性名称的拼写,千万不要写错——否则浏览器将无法理解你的代码。而且,别忘了用双引号把属性值(attribute value)括起来。

为什么上面那个页面全是红的?

在上例中,我们将网页的背景颜色设置为“#ff0000”,这个十六进制代码(HEX)代表红色。每个颜色都有其对应的十六进制代码。下面是一些例子:

白色: #ffffff
黑色: #000000
红色: #ff0000
兰色: #0000ff
绿色: #00ff00
黄色: #ffff00

十六进制代码由“#”打头,后面跟六位数字或字母。由于这样的十六进制代码太多,不便记住哪个代码对应哪个特定颜色。为此,我们为最常用的216个颜色制作了一张表,供大家参阅:216个网页安全颜色表。

216 Web Safe Colour Chart


(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐 收藏 投稿 打印 返回 关闭
上一篇:在网页中给视频播放窗口预设图像  
下一篇:XHTML 2 抢先试用
    评论加载中…
FFFFFFFFCCFFFF99FFFF66FFFF33FF
共36页: 上一页 [1] [2] [3] [4] [5] [6] 7 [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25] [26] [27] [28] [29] [30] [31] [32] [33] [34] [35] [36] 下一页
 推荐文章
     

网站首页  -  网站地图 -   站长论坛  -  网站投稿  -    -  网站管理
Copyright © 2008 芜湖站长站 All Rights Reserved 皖ICP备07500611号