參考資料來源W3School（http://www.w3school.com.cn）
CSS 單位
尺寸
| 單位 | 描述 |
|---|---|
| % | 百分比 |
| in | 英寸 |
| cm | 釐米 |
| mm | 毫米 |
| em |
1em 等於當前的字體尺寸。 2em 等於當前字體尺寸的兩倍。 例如，如果某元素以 12pt 顯示，那麼 2em 是24pt。 在 CSS 中，em 是非常有用的單位，因爲它可以自動適應用戶所使用的字體。 |
| ex | 一個 ex 是一個字體的 x-height。 (x-height 通常是字體尺寸的一半。) |
| pt | 磅 (1 pt 等於 1/72 英寸) |
| pc | 12 點活字 (1 pc 等於 12 點) |
| px | 像素 (計算機屏幕上的一個點) |
顏色
| 單位 | 描述 |
|---|---|
| (顏色名) | 顏色名稱 (比如 red) |
| rgb(x,x,x) | RGB 值 (比如 rgb(255,0,0)) |
| rgb(x%, x%, x%) | RGB 百分比值 (比如 rgb(100%,0%,0%)) |
| #rrggbb | 十六進制數 (比如 #ff0000) |
HTML最常用的字符實體
字符實體有三部分：一個和號 (&)，一個實體名稱，或者 # 和一個實體編號，以及一個分號 (;)。
| 顯示結果 | 描述 | 實體名稱 | 實體編號 |
|---|---|---|---|
| 空格 | |   | |
| < | 小於號 | < | < |
| > | 大於號 | > | > |
| & | 和號 | & | & |
| " | 引號 | " | " |
| ' | 撇號 | ' (IE不支持) | ' |
其他一些常用的字符實體
| 顯示結果 | 描述 | 實體名稱 | 實體編號 |
|---|---|---|---|
| ￠ | 分 | ¢ | ¢ |
| £ | 鎊 | £ | £ |
| ¥ | 日圓 | ¥ | ¥ |
| § | 節 | § | § |
| © | 版權 | © | © |
| ® | 註冊商標 | ® | ® |
| × | 乘號 | × | × |
| ÷ | 除號 | ÷ | ÷ |
關於HTML 頭部
根據 HTML 標準，僅有幾個標籤在 HTML 的頭部分是合法的。它們是：<base>, <link>, <meta>, <title>, <style> 和 <script>。
| <head> | 定義關於文檔的信息。 |
| <title> | 定義文檔標題。 |
| <base> | 定義頁面中所有鏈接的基準 URL。 |
| <link> | 定義資源引用。 |
| <meta> | 定義元信息。 |
<meta>可以在網址已經變更的情況下，將用戶重定向到另外一個地址。如：
<meta content="5;url=http://www.baidu.com" http-equiv="Refresh" />上面代碼實現在5秒鐘後，頁面重定向百度首頁。還有某些萬維網搜索引擎使用 meta 標籤的 name 和 content 屬性來索引頁面。
URL Schemes因特網服務的類型。最流行的類型是 http
以下是其中一些最流行的 scheme：
| Schemes | 訪問 |
|---|---|
| file | 本地 PC 上的文件。 |
| ftp | FTP 服務器上的文件。 |
| http | World Wide Web 服務器上的文件。 |
| gopher | Gopher 服務器上的文件。 |
| news | Usenet 新聞組。 |
| telnet | Telnet 連接。 |
| WAIS | WAIS 服務器上的文件。 |
比方說<a href="ftp://www.w3school.com.cn/ftp/winzip.exe">Download WinZip</a>代碼創建一個下載文件的鏈接。
<a href="[email protected]:[email protected]">[email protected]</a>代碼創建一個指向您的郵件系統的鏈接。
關於HTML腳本
| 標籤 | 描述 |
|---|---|
| <script> | 定義腳本。 |
| <noscript> | 定義在腳本無法執行的情況下的替代文本。 |
| <object> | 定義嵌入的對象。 |
| <param> | 爲對象定義 run-time 設置(參數)。 |
| <applet> | 不贊成使用。請使用 <object>。 |
關於HTML事件
<a href="/index.html" onmouseover="alert('Welcome');return false">onmouseover</a>
事件處理器的值是一個或一系列以分號隔開的 Javascript 表達式、方法和函數調用，並用引號引起來。效果如下：
窗口事件 (Window Events)
僅在 body 和 frameset 元素中有效。
| 屬性 | 值 | 描述 |
|---|---|---|
| onload | 腳本 | 當文檔載入時執行腳本 |
| onunload | 腳本 | 當文檔卸載時執行腳本 |
表單元素事件 (Form Element Events)
僅在表單元素中有效。
| 屬性 | 值 | 描述 |
|---|---|---|
| onchange | 腳本 | 當元素改變時執行腳本 |
| onsubmit | 腳本 | 當表單被提交時執行腳本 |
| onreset | 腳本 | 當表單被重置時執行腳本 |
| onselect | 腳本 | 當元素被選取時執行腳本 |
| onblur | 腳本 | 當元素失去焦點時執行腳本 |
| onfocus | 腳本 | 當元素獲得焦點時執行腳本 |
圖像事件 (Image Events)
該屬性可用於 img 元素：
| 屬性 | 值 | 描述 |
|---|---|---|
| onabort | 腳本 | 當圖像加載中斷時執行腳本 |
鍵盤事件 (Keyboard Events)
在下列元素中無效：base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, 以及 title 元素。
| 屬性 | 值 | 描述 |
|---|---|---|
| onkeydown | 腳本 | 當鍵盤被按下時執行腳本 |
| onkeypress | 腳本 | 當鍵盤被按下後又鬆開時執行腳本 |
| onkeyup | 腳本 | 當鍵盤被鬆開時執行腳本 |
鼠標事件 (Mouse Events)
在下列元素中無效：base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title 元素。
| 屬性 | 值 | 描述 |
|---|---|---|
| onclick | 腳本 | 當鼠標被單擊時執行腳本 |
| ondblclick | 腳本 | 當鼠標被雙擊時執行腳本 |
| onmousedown | 腳本 | 當鼠標按鈕被按下時執行腳本 |
| onmousemove | 腳本 | 當鼠標指針移動時執行腳本 |
| onmouseout | 腳本 | 當鼠標指針移出某元素時執行腳本 |
| onmouseover | 腳本 | 當鼠標指針懸停於某元素之上時執行腳本 |
| onmouseup | 腳本 | 當鼠標按鈕被鬆開時執行腳本 |