僅僅是自己對着W3CSchool整理的一些HTML基礎知識點，敲一遍加深下印象也方便以後複習。
HTML塊
可以使用<dvi>和<span>將HTML元素組合起來
HTML塊元素
大多數HTML元素被定義爲塊級元素(block level element)或內聯元素(inner element)。
塊級元素在瀏覽器顯示時，通常會以新行來開始和結束。
如：<h1>,<p>,<ul>,<table>
HTML內聯元素
內聯元素通常在顯示時不會以新行開始。
如：<b>,<td>,<a>,<img>
HTML<div>元素
<div>元素是可以用來組合其他HTML元素的塊級元素，它沒有特定的含義，由於是塊級元素，瀏覽器會在其前後顯示折行。
如果同CSS一起使用，<div>元素可以用來對大的內容塊設置樣式屬性。其另一常用的用途就是文檔佈局，它取代了使用表格定義佈局的老式方法。
HTML<span>元素
<span>元素是內聯元素，可用作文本的容器，其也沒有特定的含義。
當與CSS一同使用時，<span>元素可用作於部分文本設置樣式屬性。
HTML表單和輸入
表單
表單使用<form></form>定義，它是一個包含表單元素的區域，表單元素允許用戶在表單中（如：文本域、下拉列表、單選框、複選框等）輸入信息的元素。
輸入
文本域(Text field)
<form>
<input type="text" name="firstname">
<input type="text" name="lastname">
</form>
單選按鈕
<form>
<input type="radio" name="sex" value="male"/>Male
<input type="radio" name="sex" value="female"/>Female
</form>
複選框
<form>
<input type="checkbox" name="bike"/>
I have a bike
<input type="checkbox" nam="car"/>
I have a car
</form>
表單的動作屬性（Aciton）和確認按鈕
<form name="input" action="html_form_action.asp" method="get">
Username:
<input type="text" name="user"/>
<input type="submit" name="Submit"/>
</form>
簡單的下拉列表
<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option vaule="saab" selected="selected">Saab</option>（設置預選值）
</select>
創建按鈕
<form>
<input type="button" value="Hello World!">
</form>
Fieldset around data
<form>
<fieldset>
<legend>健康信息</legend>
身高：<input type="text"/>
體重：<input type="text"/>
</fieldset>
</form>
表單標籤
| 標籤 | 描述 |
|---|---|
| <form> | 定義供用戶輸入的表單 |
| <input> | 定義輸入域 |
| <textarea> | 定義文本域 (一個多行的輸入控件) |
| <label> | 定義一個控制的標籤 |
| <fieldset> | 定義域 |
| <legend> | 定義域的標題 |
| <select> | 定義一個選擇列表 |
| <optgroup> | 定義選項組 |
| <option> | 定義下拉列表中的選項 |
| <button> | 定義一個按鈕 |
HTML框架
通過使用框架可以在同一個瀏覽器窗口中顯示不止一個頁面。每份HTML文檔稱爲一個框架，並且每個框架都獨立於其他框架。
使用框架的壞處：
*開發人員必須同時跟蹤更多的HTML文檔
*很難打印整張頁面
框架結構標籤/即框架集(<frameset>)
*定義如何將窗口分割爲框架，一系列行和列
*rows/columns的值規定了每行或每列佔據屏幕的面積
框架標籤（Frame）
Frame標籤定義了放置在每個框架中的HTML文檔。
<frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>
HTML內聯框架（Iframe）
用於在網頁內顯示網頁
<iframe src="URL"></iframe>
高度和寬度
<iframe src="URL" width="200" height="200"></iframe>
刪除邊框
<iframe src="URL" frameborder="0"></iframe>
使用iframe作爲鏈接的目標
<iframe src="URL" name="iframe_a"></iframe>
<p><a href="URL" target="iframe_a">Click Me</a></p>
注意事項：
*假如一個框架有可見邊框，用戶可以拖動邊框來改變它的大小，爲了避免這種情況的發生，可以在<frame>標籤中加入：noresize="noresize"
*不能將<body></body>和<frameset></frameset>標籤同時使用
更多實例
- 如何使用 <noframes> 標籤
- 本例演示：如何使用 <noframes> 標籤。
- 混合框架結構
- 本例演示如何製作含有三份文檔的框架結構，同時將他們混合置於行和列之中。
- 含有 noresize="noresize" 屬性的框架結構
- 本例演示 noresize 屬性。在本例中，框架是不可調整尺寸的。在框架間的邊框上拖動鼠標，你會發現邊框是無法移動的。
- 導航框架
- 本例演示如何製作導航框架。導航框架包含一個將第二個框架作爲目標的鏈接列表。名爲 "contents.htm" 的文件包含三個鏈接。
- 內聯框架
- 本例演示如何創建內聯框架（HTML 頁中的框架）。
- 跳轉至框架內的一個指定的節
- 本例演示兩個框架。其中的一個框架設置了指向另一個文件內指定的節的鏈接。這個"link.htm"文件內指定的節使用 <a name="C10"> 進行標識。
- 使用框架導航跳轉至指定的節
- 本例演示兩個框架。左側的導航框架包含了一個鏈接列表，這些鏈接將第二個框架作爲目標。第二個框架顯示被鏈接的文檔。導航框架其中的鏈接指向目標文件中指定的節。
HTML背景
背景（backgrounds）
<body>擁有兩個配置背景的標籤，背景可以是顏色或者圖像。
背景顏色（Bgcolor）
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
屬性值可以是十六進制數、RGB值或顏色名
背景（Background）
<body background="a.gif">（相對地址）
<body background="www.baidu.com/a.gif">（絕對地址）
注意事項：
*如果圖像尺寸小於瀏覽器窗口，那麼圖像將會在整個瀏覽器窗口進行復制。
*背景圖片一般不應超過10k（影響加載時間）
<body>標籤中的bgcolor,background和text屬性在HTML4和XHTML中已經被廢棄。應該使用CSS來定義HTML元素的佈局和顯示屬性。
HTML顏色
顏色值
顏色由一個十六進制符號來定義，這個符號由紅、綠、藍的值做成，
每種顏色的最小值是0（#00），最大值是255（#FF）
顏色名：
HTML4.0僅支持16中顏色名，分別爲aqua,black,blue,funchsia,gray,green,lime,maroon,navy,olive,purple,red,silver,teal,yellow
如果需要使用其他顏色，需要使用對應的十六進制顏色值
http://www.w3school.com.cn/html/html_colornames.asp
Web安全色
在以前，大多數計算機僅支持256種顏色，一系列216種Web安全色作爲Web標準被建議使用。不過現在這麼做的意義已經不大了！
