HTML標籤集

(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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章