HTML学习笔记5----属性

随笔记录方便自己和同路人查阅。

#------------------------------------------------我是可耻的分割线-------------------------------------------

　　许多元素都可以设置属性。那么属性是什么？

　　也许你还记得，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个网页安全颜色表。