(1) 註釋標籤 <!-- -->
(2) 規範標籤 <!DOCTYPE>
【解釋】聲明用在文檔的最前面,處於<html>標籤前,可以告知瀏覽器使用哪種HTML或者XHTML規範。具體來講,HTML和XHTML有三種類型:嚴格版本(strict)、過渡版本(transitional)和基於框架的HTML文檔(frameset)。
若需要乾淨的標記,免於表現層的混亂,可使用strict類型;
若讀者使用了不支持層疊樣式表(CSS)的瀏覽器以至於不得不使用HTML的呈現特性是,使用transitional類型。
而frameset被用於帶有框架的文檔。
(3)錨標籤<a></a>
【解釋】兩種用法:
通過使用 href 屬性,創建指向另外一個文檔的鏈接(或超鏈接)。
鏈接類型:
通過使用 name 或 id 屬性,創建一個文檔內部的書籤(也就是說,可以創建指向文檔片段的鏈接)
【其他重要屬性】
name----- 定義錨的名稱
target---- 規定在何處打開鏈接的網頁(_blank:表示在一個新的窗口中打開;_self: <a>的默認目標,即在相同的框架或者窗口中打開; _parent:是文檔在父目標窗口中打開(若自身是頂窗口,則與_self等效);_top: 將會清除所有被包含的框架並將文檔載入整個瀏覽器窗口)
charset---- 規定目標URL的字符編碼 (UTF-8 gb2312)
(4)縮寫標籤 <abbr></abbr>或者 <acronym></acronym>
(5)地址標籤: <address></address>(裏面的所有文字將會變成斜體)
(6)小應用程序標籤 <applet> </applet> --------------------------逐漸被Object標籤取代
【兩個重要屬性】
code---- 定義Java applet 的文件路徑(URL)
object---- 定義資源的名稱
(7) 文本效果標籤 ------------------------建議利用樣式表實現
<tt></tt> 呈現類似打字機或者等寬的文本效果
<i></i> 顯示斜體文本效果
<b></b> 呈現粗體文本效果
<big></big> 呈現大號字體效果
<small></small> 呈現小號字體效果
(8) <base>標籤 ---------用來爲所有鏈接指定默認地址或者默認目標
【注意】<base>標籤必須位於<head>內部。無結束標誌。
(9)<basefont>標籤--------------用來設置默認字體,如顏色、大小以及字體
【注意】<base>標籤之後的所有文本都將設置成默認格式。無結束標誌。
(10)<bdo>標籤---------------定義文本方向
【唯一屬性】dir (值爲”ltr”或者”rtl”)
(11) <blockquote></blockquote>標籤-------------用來定義長引用
【解釋】中間的文本將會從常規文本中分離出來,並擁有自己的空間。對應的短引用是<q></q>(瀏覽器會自動在文本上插入引號)
(12)<body></body>標籤:用來定義文檔的主體
【屬性】建議用樣式表實現
alink -----顯示活動鏈接的顏色
background -----規定文檔的背景圖片
bgcolor ------文檔的背景顏色
link ----未訪問鏈接的顏色
text -----文檔中所有文本的顏色
vlink -----已被訪問過的顏色
(13)<br>---------------換行符(注意無結束符)
【注意】當遇到<p>標籤時失效。它只是用來輸入空行,而不是用來分段。
(14)<button>標籤與input中創建的button
<button></button>標籤內部可以放置內容,如文本、圖片等,這是二者之間的區別。
【屬性】必須爲button規定type屬性
type: 規定按鈕類型(值有:button, reset和submit)
name:
value: 設置按鈕的初始值
(15)<table></table>表格屬性:
【表格元素】//每個表格由 table 標籤開始。每個表格行由 tr 標籤開始。每個表格數據由 td 標籤開始
tr-----定義表格表格行
th----定義表格表頭
td----定義表格單元
表格相互可以嵌套!
【重要屬性】
border: 設置表格邊框寬度
colspan: 設置列跨度
rowspan: 設置行跨度
cellpadding: 設置表格單元與其內容之間的空白(設置在table屬性內)
cellspacing: 設置單元格之間的空白
background: 設置背景圖片(表格或者單元皆可)
【相關標籤】tbody, thead和tfoot
<tbody>標籤用於組合表格的主體內容,應該與<thead>與<tfoot>一起使用
<thead>標籤用於對錶格中的表頭內容進行分組
<tfoot>標籤用於對錶格中的表注內容進行分組
三者出現有嚴格的順序,即<thead>,<tfoot>,<tbody>
(16)<form></form>標籤----------------爲用戶創建HTML表單
【重要屬性】
必需的屬性:action---------------規定當提交表單時,向何處發送表單數據
action的值爲URL,其中可以爲相對URL或者絕對URL.
可選的屬性:
accept---------規定通過文件上傳的文件類型(值爲MIME_type),只能與<input type="file">配合使用。
method----------規定如何發送表單數據(表單數據發送到 action 屬性所規定的頁面)。
表單數據可以作爲 URL 變量(method="get")或者 HTTP post (method="post")的方式來發送.
如果採用 POST 方法,瀏覽器將會按照下面兩步來發送數據。首先,瀏覽器將與 action 屬性中指定的表單處理服務器建立聯繫,一旦建立連接之後,瀏覽器就會按分段傳輸的方法將數據發送給服務器。 在服務器端,一旦 POST 樣式的應用程序開始執行時,就應該從一個標誌位置讀取參數,而一旦讀到參數,在應用程序能夠使用這些表單值以前,必須對這些參數進行解碼。用戶特定的服務器會明確指定應用程序應該如何接受這些參數。 另一種情況是採用 GET 方法,這時瀏覽器會與表單處理服務器建立連接,然後直接在一個傳輸步驟中發送所有的表單數據:瀏覽器會將數據直接附在表單的 action URL 之後。這兩者之間用問號進行分隔,表單直接愛你的參數用&連接。 一般瀏覽器通過上述任何一種方法都可以傳輸表單信息,而有些服務器只接受其中一種方法提供的數據。可以在 <form> 標籤的 method (方法)屬性中指明表單處理服務器要用方法來處理數據,使 POST 還是 GET。 |
target---------規定在何處打開action URL(target=framename表明在指定框架內打開)
表單元素事件屬性:onchange, onsubmit, onreset, onselect, onblur, onfocus
onchange: 在元素改變時執行腳本
onsubmit: 在元素提交時執行腳本
onreset:在表單重置時執行腳本
onselect:在元素被選中是執行腳本
onblur: 在元素失去焦點時執行腳本
onfocus: 在元素獲得焦點時執行腳本
可包含的元素有:
input元素(用於蒐集用戶信息,其中輸入字段可以是:文本,複選框,密碼,單選按鈕,按鈕等)
【重要屬性】
type: button(按鈕), checkbox(複選框), file, hidden, image, password(密碼), radio(單選按鈕), reset, submit, text(文本)
accept: 規定通過文件上傳來提交的文件的類型。
checked: 規定此 input 元素首次加載時應當被選中。(checkbox)
maxlength: 規定輸入字段中的字符的最大長度.
readonly: 規定輸入字段爲只讀。 (readonly=”readonly”)
src: 定義以提交按鈕形式顯示的圖像的 URL。
disable: 當input元素被加載時被禁用
menu元素:定義一個菜單列表(可以在CSS樣式中進行定義)
textarea元素:定義多行的文本輸入控件。<textarea></textarea>
屬性:
cols: 規定文本區內的可見寬度。
rows: 規定文本區內的可見行數.
readonly: 規定文本只讀。
fieldset元素:將表單內容的一部分打包,生成一組相關表單的字段。瀏覽器會以特殊方式來顯示它們,它們可能有特殊的邊界、3D 效果,或者甚至可創建一個子表單來處理這些元素。<fieldset></fieldset>
legend元素:爲fieldset定義標題。
label元素:爲 input 元素定義標註(標記)。label 元素不會向用戶呈現任何特殊效果。不過,它爲鼠標用戶改進了可用性。如果您在 label 元素內點擊文本,就會觸發此控件。就是說,當用戶選擇該標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控件上,<label> 標籤的 for 屬性應當與相關元素的 id 屬性相同。
for---------規定 label 與哪個表單元素綁定
(17)<dl></dl> 定義列表
<dt></dt> 定義列表中的項目
<dd></dd> 定義列表中定義條目的部分
(18)<del></del>定義文檔中被刪除的文本
(19)<dir></dir> 定義目錄列表
(20)<div></div>標籤------------定義文檔中的分區或者節,可以把文檔分割爲獨立的、不同的部分。它可以用作嚴格的組織工具,並且不使用任何格式與其關聯。
【注意】可以對同一個 <div> 元素應用 class 或 id 屬性,但是更常見的情況是隻應用其中一種。這兩者的主要差異是,class 用於元素組(類似的元素,或者可以理解爲某一類元素),而 id 用於標識單獨的唯一的元素。
(21)<frame></frame>定義框架標籤
<frameset></frameset>定義框架集,裏面包含frame標籤
(22)<hr>在頁面中畫一條水平線,建議在樣式中實現
(23) <img> 用來在網頁中嵌入一張圖片
【主要屬性】
alt----------規定圖像的替代文本
src---------規定顯示圖像的URL
(24)<link>---------------定義文檔與外部資源的關係,常見的用途是鏈接樣式表
【主要屬性】
type--------------規定被鏈接文檔的 MIME 類型,最常見的是text/css。
rev ------------------規定被鏈接文檔與當前文檔之間的關係
rel ---------------規定當前文檔與被鏈接文檔之間的關係
(25) <map>--------------定義一個帶有點擊區域的圖像映射
(26)<meta>--------定義有關頁面的信息
(27)<object></object>-------------定義一個嵌入的對象(如音頻,視頻,java applet, pdf, flash等)
(28) <style></style>------------------定義樣式信息(應該位於head內部)
type: 只能是text/css