颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。每种颜色的最小值是 0（十六进制：#00）。最大值是 255（十六进制：#FF）。
仅有 16 种颜色名被 W3C 的 HTML 4.0 标准支持，它们是：aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow。如果使用其它颜色的话，就应该使用十六进制的颜色值。
元素布局
每一对
标签代表一个块，对块的属性进行定义后，在标签里输入块的内容。
（1）先将整体分块
1 <body>2 <div class="container">3 <div class="header">这是头部</div>4 <div class="left">这是左半部分</div>5 <div class="right">这是右半部分</div>6 <div class="footer">这是底部</div>7 </div>8 </body>
效果：
（2）对每一块进行样式定义
1 <style type="text/css"> 2 *{ //使整体充满，不留一点空白边距 3 margin:0px; 4 padding:0px; 5 } 6 body{margin:0px;} 7 .container{ 8 height:500px; 9 width:100%;10 }11 .header{12 height:10%;13 background-color:#FF80C0;14 }15 .left{16 height:80%;17 width:30%;18 background-color:#0F9;19 float:left; <!--从左到右的一个浮动-->20 }21 .right{22 height:80%;23 width:70%;24 background-color:#90F;25 float:left; <!--没有这一行的话，此部分会出现在页面下方，不会靠右-->26 }27 .footer{28 height:10%;29 background-color:#999;30 clear:both; <!--清除浮动，否则此部分会跟着上面浮动，不会出现在底部-->31 }32 </style>
最后完成效果：
2、使用
布局
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>HTML布局</title> 6 </head> 7 8 <body marginheight="0px" marginwidth="0px"> 9 <table width="100%" height="500px">10 <tr>11 <td colspan="2" height="10%" bgcolor="#CC66CC"></td>12 </tr>13 <tr>14 <td height="80%" width="30%" bgcolor="#66FFCC"></td>15 <td height="80%" width="70%" bgcolor="#9900CC"></td>16 </tr>17 <tr>18 <td colspan="2" height="10%" bgcolor="#999999"></td>19 </tr>20 </table>21 </body>22 </html>
效果：
七、框架
框架也可以用来布局，通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。
1、标签：
(1)框架集标签：
