HTML標籤詳解

時間 2019-11-13

標籤 html 標籤詳解欄目 HTML 简体版

原文原文鏈接

HTML標籤

一、<!DOCTYPE>

聲明位於文檔中的最前面的位置，處於 <html> 標籤以前。此標籤可告知瀏覽器文檔使用哪一種 HTML 或 XHTML 規範。javascript

<!DOCTYPEhtmlhtml

PUBLIC"-//W3C//DTD XHTML 1.0 Strict//EN"java

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">瀏覽器

二、<a> 標籤可定義錨

屬性服務器	取值cookie	描述併發
href框架	urlide	鏈接目標的urlpost
name	section_name	命令一個錨。使用此屬性在文檔中建立某個書籤。在XHTML的將來版本中，name屬性會被id屬性取代
target	_blank _parent _self _top	在何處打開目標 URL。 _blank：在一個新的未命名的窗口載入文檔 _self：在相同的框架或窗口中載入目標文檔 _parent：把文檔載入父窗口或包含了超連接引用的框架的框架集 _top：把文檔載入包含該超連接的窗口,取代任何當前正在窗口中顯示的框架

一個錨有兩種用法：

經過使用 href 屬性，建立一個到另一個文檔的連接

經過使用 name 或 id 屬性，建立一個文檔內部的書籤

(1)建立錨

<ahref="#C4">錨</a>

點擊上面的鏈接，會定位到

<aid="C4">Chapter 4</a>或者<a name="C4">Chapter4</a>的文件

(2)建立電子郵件

<aref="mailto:someone@microsoft.com?subject=Hello%20again">發送郵件</a>

三、<abbr>

表示一個縮寫形式，好比 "Inc."、"etc."。經過對縮寫詞語進行標記，您就可以爲瀏覽器、拼寫檢查程序、翻譯系統以及搜索引擎分度器提供有用的信息。

註釋：在某些瀏覽器中，當您把鼠標移至縮略詞語上時，title 屬性可被用來展現表達的完整版本。

四、<acronym>

定義只取首字母縮寫，好比 "NATO"。經過對只取首字母縮寫進行標記，您就可以爲瀏覽器、拼寫檢查程序、翻譯系統以及搜索引擎分度器提供有用的信息。

五、<address>

定義一個地址（好比電子郵件地址）。您應當使用它來定義地址、簽名或者文檔的做者身份

六、<area> 映射區域

定義圖像映射中的某個區域

屬性

取值

描述

coords

座標值

定義可點擊區域的座標

href

URL

定義此區域的目標URL

nohref

true

false

從圖像映射排除某個區域。

shape

rect

rectangle

circ

circle

poly

polygon

定義區域的形狀

注：coords 屬性

<area> 標籤的 coords 屬性定義了客戶端圖像映射中對鼠標敏感的區域的座標。座標的數字及其含義取決於 shape 屬性中決定的區域形狀。能夠將客戶端圖像映射中的超連接區域定義爲矩形、圓形或多邊形等。

下面列出了每種形狀的適當值：

圓形：shape="circle"，coords="x,y,z"

這裏的 x 和 y 定義了圓心的位置（"0,0" 是圖像左上角的座標），z 是以像素爲單位的圓形半徑。

多邊形：shape="polygon"，coords="x1,y1,x2,y2,x3,y3,..."

每一對 "x,y" 座標都定義了多邊形的一個頂點（"0,0" 是圖像左上角的座標）。定義三角形至少須要三組座標；高緯多邊形則須要更多數量的頂點。

多邊形會自動封閉，所以在列表的結尾不須要重複第一個座標來閉合整個區域。

矩形：shape="rectangle"，coords="x1,y1,x2,y2"

第一個座標是矩形的一個角的頂點座標，另外一對座標是對角的頂點座標，"0,0"是圖像左上角的座標。請注意，定義矩形其實是定義帶有四個頂點的多邊形的一種簡化方法。

例如

</map>

註釋：若是某個 area 標籤中的座標和其餘區域發生了重疊，會優先採用最早出現的 area 標籤。瀏覽器會忽略超過圖像邊界範圍以外的座標。

案例：

<img src="eg_planets.jpg" usemap="#planetmap"

alt="Planets" />

<area

shape="circle"

coords="180,139,14"

href =" "

target ="_blank"

alt="Venus" />

</map>

註釋：img 元素中的 "usemap" 屬性引用 map 元素中的 "id" 或 "name" 屬性（根據瀏覽器），因此咱們同時向 map 元素添加了 "id" 和 "name" 屬性。

七、字體樣式元素

它們不被同意使用,經過使用樣式表會取得更加多樣的效果。

<tt> 呈現相似打字機或者等寬的文本效果。

<i> 顯示斜體文本效果。

<b> 呈現粗體文本效果。

<big> 呈現大號字體效果。

<small> 呈現小號字體效果。

<sub> 標籤可定義下標文本

<sup> 可定義上標文本

八、base 元素：基準的url

可規定頁面中全部連接的基準 URL。

一般狀況下，瀏覽器會從當前文檔的 URL 中提取相應的元素來填寫相對 URL 中的空白。

使用 <base> 標籤能夠改變這一點。瀏覽器隨後將再也不使用當前文檔的 URL，而使用指定的基本 URL 來解析全部的相對 URL。這其中包括 <a>、<img>、<link>、<form> 標籤中的 URL。

屬性	取值	描述
href	URL	規定頁面中全部連接的基準URL
traget	……	……

註釋：<base> 標籤必須位於 head 元素內部。

案例：

head中

<base target="_blank"href="img/">href能夠是絕對的url或者相對的url

body中

實際是這樣的代碼

九、bdo 元素：文本方向

可覆蓋默認的文本方向。

屬性

取值

描述

dir

ltr

rtl

定義文件的方向

案例：逆序輸出

<bdo dir="rtl">Here issome Hebrew text</bdo>

十、<blockquote> 標籤

可定義一個塊引用。<blockquote> 與 </blockquote> 之間的全部文本都會從常規文本中分離出來，常常會在左、右兩邊進行縮進，並且有時會使用斜體。

十一、body標籤

body中的alink(規定文檔中活動連接（activelink）的的顏色)、background(用做背景的圖像)、bgcolor(文檔的背景顏色)、link(文檔中全部連接的顏色)、text(文檔中全部文本的顏色)、vlink(文檔中全部被訪連接的顏色)這些屬性不推薦使用，推薦使用樣式表中的屬性。

十二、 <caption> 標籤

caption 元素可定義一個表格標題。caption 標籤必須緊隨 table 標籤以後。您只能對每一個表格定義一個標題。一般這個標題會被居中於表格之上。

案例：

<table>

<tr>

</tr>

</table>

1三、<col> 標籤：表格列的屬性

爲表格中一個或多個列定義屬性值。您只能在表格或 colgroup 中使用此元素。

若是您但願在 colgroup 內部爲每一個列規定不一樣的屬性值時，請使用此元素。若是沒有 col 元素，列會從 colgroup 那裏繼承全部的屬性值。

案例

</colgroup>

<tr>

</tr>

</table>

屬性	取值	描述
align	right left center justify char	在列中定義單元格中內容的水平排列方式
char	character	規定根據那種字符來進行文本對奇。僅當align=char使用
span	number	定義<col>應當橫跨的列數
valign	top middle bottom	在列中定義單元格中內容的垂直排列方式
width		定義列的寬度

建立一個有 5 列的<colgroup>。咱們分別將第一列和最後一列靠左和靠右對齊，中間的三列居中。

</colgroup>

1四、<dl> ：列表

標籤訂義了定義列表。

1五、<dt>

定義列表中的項目（即術語部分）。

1六、<dd>

可在定義列表中定義條目的定義部分。

案例

<dl>

<dt>Coffee</dt>

<dd>Black hot drink1</dd>

<dd>Black hot drink2</dd>

<dd>White cold drink</dd>

</dl>

輸出：

Coffee

Blackhot drink1

Blackhot drink2

Milk

Whitecold drink

1七、<del> ：刪除線

定義文檔中已被刪除的文本

1八、<ins>：下劃線

來描述文檔中的更新和修正。

1九、fieldset 元素。表單打包

<fieldset> 標籤將表單內容的一部分打包，生成一組相關表單的字段。<fieldset> 標籤沒有必需的或惟一的屬性。

當一組表單元素放到 <fieldset> 標籤內時，瀏覽器會以特殊方式來顯示它們，它們可能有特殊的邊界、3D 效果，或者甚至可建立一個子表單來處理這些元素

legend 元素可爲 fieldset 定義一個標題

案例

<form>

</form>

</fieldset>

20、form標籤

form 元素可爲用戶輸入建立表單。

表單可包含文本域，複選框，單選按鈕等等。表單用於向指定的 URL 傳遞用戶數據。

屬性	取值	描述
action	URL	當確認按鈕按下時，接受和處理表單數據的url
method	get post	用於向action URL傳遞數據的HTTP方法，默認是get
accept-charset	字符集名稱列表	一個服務器可接受的字符集的列表(用逗號分隔)
enctype	MIME類型	用來編碼表單內容的MIME類型
name	表單名稱	定義表單的惟一名稱
target		在何處打開目標URL

發送郵件表單案例

<formaction="http:///someone@w3school.com.cn" method="post"enctype="text/plain">

</form>

2一、<frameset>

在 <frameset> 中定義一個框架

註釋：若是您但願驗證某個包含框架的頁面，請確保DTD 被設置爲 "Frameset DTD"。閱讀更多有關 XHTML 驗證的內容。

重要事項：您不能與<frameset></frameset> 標籤一塊兒使用 <body></body>標籤。不過，若是您須要爲不支持框架的瀏覽器添加一個 <noframes> 標籤，請務必將此標籤放置在 <body></body> 標籤中！

屬性	取值	描述
frameborder	0 1	是否顯示框架周圍的邊框
longdesc	url	此框架內容的長的url，可爲那些不支持框架的瀏覽器使用此屬性
marginheight	pixels	定義框架中的頂部和底部的邊距
marginwidth	pixels	定義框架中左側和右側邊距
name	frame_name	爲框架定義惟一的名稱(以便在腳本中使用)
noresize	noresize	用戶沒法對框架調整尺寸
scrolling	yes no atuo	肯定滾動條的行爲
src	url	定義顯示框架中的文件的url

案例：

水平框架

<body>您的瀏覽器沒法處理框架！</body>

</noframes>

</frameset>

垂直框架

<framesetrows="35%,30%,35%" noresize="noresize"frameborder="0">

<body>您的瀏覽器沒法處理框架！</body>

</noframes>

</frameset>

混合框架

<html>

<framesetrows="50%,50%">

<framesetcols="25%,75%">

</frameset>

</html>

導航框架

<html>

</frameset>

</html>

content.html

<html>

<body>

<a href ="a.html" target ="showframe">Framea</a><br />

<a href ="b.html" target ="showframe">Frameb</a><br />

<a href ="c.html" target ="showframe">Framec</a>

</body>

</html>

帶錨的框架

22 、frameset 框架

可定義一個框架集。它被用來組織多個窗口（框架）。每一個框架存有獨立的文檔。在其最簡單的應用中，frameset 元素僅僅會規定在框架集中存在多少列或多少行。您必須使用 cols 或 rows 屬性

屬性

取值

描述

cols

pixels

定義框架集中列的數目和尺寸

rows

pixels

定義框架集中行的數目和尺寸

cols和rows做用和用法

<frameset> 標籤有一個必需的屬性：要麼是 rows，要麼是 cols，這取決於您的選擇，它們定義了文檔窗口中框架或嵌套的框架集的行或列的大小及數目。

這兩個屬性都接受用引號括起來並用逗號分開的值列表，這些數值指定了框架的絕對（像素點）或相對（百分比或其他空間）寬度（對列而言），或者絕對或相對高度（對行而言）。這些屬性值的數目決定了瀏覽器將會在文檔窗口中顯示多少行或列的框架。

與表格同樣，瀏覽器在顯示時會盡量接近給定的框架集尺寸。可是，瀏覽器不會爲了可以容納下超出邊沿的框架集而擴展文檔窗口的邊界，也不會在指定的框架沒有填滿整個窗口時用空白區域來填滿窗口。相反，瀏覽器會根據一個框架在行和列中相對於其餘框架的大小來分配空間，這樣就可以填滿整個文檔窗口了。（注意到一個主框架文檔中沒有滾動條了嗎？）

2三、head 元素

可包含關於文檔的信息。瀏覽器不會向用戶顯示這些頭部信息（"headinformation"）。下面這些標籤可用在 head 部分：<base>, <link>, <meta>, <script>,<style>, 以及 <title>。

字符編碼：

<metahttp-equiv="Content-Type" content="text/html;charset=gb2312" />

描述：

關鍵字：

重定向：5秒後

2四、<hr> 標籤可插入一個水平線

屬性	取值	描述
align	center left right	規定水平線的排列
noshade	noshade	設爲TRUE：水平線呈現純色(2D效果) 設爲FALSE：水平線呈現雙色凹槽(3D效果)
size	pixels %	水平線的厚度(高度)
width	pixels %	水平線的寬度

2五、iframe 元素：內聯框架

建立一個包含另一個文檔的內聯框架

比frameset多一個align屬性。

案例

<iframesrc="img/520.jpg" ></iframe>

2六、img元素

若是您在 Firefox 中使用 alt 屬性，那麼當鼠標懸浮在圖片或圖像地圖時不會像其餘的瀏覽器那樣出現提示文本。能夠title屬性提示文本。

屬性	取值	描述
alt	text	定義圖像的簡短描述
src	URL	顯示圖像的url
align	top bottom middle left right	規定如何根據周圍的文本排列圖像
border	pixels	圖像周圍的邊框
height	pixels %	圖像的高度
hspace	pixels	圖片左側和右側的空白
ismap	URL	定義做爲服務器端圖片映射的一幅圖像
longdesc	url	包含長的圖像描述文檔的url
usemap	url	做爲客戶端圖像映射的一幅圖像
vspace	pixels	圖像頂部和底部的空白
width	pixels %	圖像的寬度

2七、<input> 標籤

<input>標籤可定義輸入域的開始，在其中用戶可輸入數據。

屬性	取值	描述
type	button checkbox file hidden imgage password radio reset submit text	指定input元素的類型，默認是text
name	fileld_name	用於此input元素的惟一名稱
accept	list_of_mime_types	一個逗號分割的MIME類型列表，指示文件傳輸的MIME類型。註釋：僅與type=」file」配合使用
align	left right top texttop middle baseline bottom absbottom	定義圖像以後的文本的排列，僅與type=image配合使用
alt	text	定義圖像的替代文本，僅與type=imgae配合使用
checked	checked	此input元素首次加載時應當被選中。請於tpye=checkbox及type=radio配合使用
disabled	disabled	當input元素首次加載時，禁用此元素這樣用戶就沒法在其中寫文本，或選定它。註釋：不能與 type="hidden" 一同使用。
maxlength	number	定於在某個文本域中所容許的最大字符數。僅與type=text配合使用
readonly	readonly	指示此域的值不能被修改，僅與type=text配合使用
size	number_of_char	定義input元素的尺寸，不能與input=hidden一同使用
src	url	定義顯示圖像的url，僅與type=image配合使用
value	value	對於按鈕、重置按鈕和確認按鈕：定義按鈕上的文本。對於圖像按鈕：定義傳遞向某個腳本的此域的符號結果對於複選框和單選按鈕：定義 input 元素被點擊時的結果。對於隱藏域、密碼域以及文本域：定義元素的默認值。註釋：不能與 type="file" 一同使用。註釋：與 type="checkbox" 和 type="radio" 一同使用時，此元素是必需的。

2八、<label> 標籤

向控件定義標註（標記）。若是您在 label 元素內點擊文本，就會觸發此控件。就是說，當用戶選擇該標籤時，瀏覽器就會自動將焦點轉到和標籤相關的表單控件上。

註釋："for" 屬性可把 label 綁定到另一個元素。請把 "for" 屬性的值設置爲相關元素的 id 屬性的值。

顯式：

<labelfor="SSN">SocialSecurity Number:</label>

<inputtype="text" name="SocSecNum" id="SSn" />
隱式：

<label>Dateof Birth: <input type="text" name="DofB"/></label>

2九、<ol> 標籤訂義了有序列表。

註釋：請使用樣式來定義列表的類型。

屬性	取值	描述
compact	compact_rendering	不同意使用，使用樣式表
start	start_on_number	規定起始的數字
type	A a I i 1	規定列表的類型

30、<ul> 標籤訂義了無序列表。

3一、<li> 標籤訂義了列表項目。

<li>標籤可用在有序列表(<ol>) 和無序列表 (<ul>) 中

註釋：請使用樣式來定義列表的類型。

屬性

取值

描述

type

A（ol）

a（ol）

I（ol）

i（ol）

disc（ul）

square（ul）

circle（ul）

規定列表的類型

value

number_of_list_item

案例

<h4>數字有序列表：</h4>

<oltype="A" start="6">

</ol>

<h4>一個嵌套無序列表：</h4>

<ul>

<li>茶

<ul>

<li>綠茶

<ul>

</ul>

</li>

</ul>

</li>

</ul>

3二、<meta> 元素：元信息

提供有關頁面的元信息（meta-information），好比針對搜索引擎和更新頻度的描述和關鍵詞。

註釋：<meta> 標籤永遠位於 head 元素內部。

註釋：元數據老是以名稱/值的形式被成對傳遞的。

屬性	取值	描述
content	some_text	定義與http_equiv或name屬性相關的元信息
http_equiv	content_type expires refresh set_cookie	把content屬性關聯到hhtp頭部
name	author description keywords	把content屬性關聯到一個名稱
scheme	some_text	定義用於content屬性值的格式

name 屬性

name屬性提供了名稱/值對中的名稱。HTML 和 XHTML 標籤都沒有指定任何預先定義的 <meta> 名稱。一般狀況下，您能夠自由使用對本身和源文檔的讀者來講富有意義的名稱。

"keywords"是一個常常被用到的名稱。它爲文檔定義了一組關鍵字。某些搜索引擎在遇到這些關鍵字時，會用這些關鍵字對文檔進行分類。

相似這樣的 meta 標籤可能對於進入搜索引擎的索引有幫助：

<metaname="keywords" content="HTML,ASP,PHP,SQL"

若是沒有提供 name 屬性，那麼名稱/值對中的名稱會採用 http-equiv 屬性的值。

http-equiv 屬性

http-equiv屬性爲名稱/值對提供了名稱。並指示服務器在發送實際的文檔以前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。

當服務器向瀏覽器發送文檔時，會先發送許多名稱/值對。雖然有些服務器會發送許多這種名稱/值對，可是全部服務器都至少要發送一個：content-type:text/html。這將告訴瀏覽器準備接受一個 HTML 文檔。

使用帶有 http-equiv 屬性的 <meta> 標籤時，服務器將把名稱/值對添加到發送給瀏覽器的內容頭部。例如，添加：

<metahttp-equiv="charset" content="iso-8859-1">

<metahttp-equiv="expires" content="31 Dec 2008">

這樣發送到瀏覽器的頭部就應該包含：

content-type:text/html

charset:iso-8859-1

expires:31Dec 2007

固然，只有瀏覽器能夠接受這些附加的頭部字段，並能以適當的方式使用它們時，這些字段纔有意義。

content 屬性

content屬性提供了名稱/值對中的值。該值能夠是任何有效的字符串。

content屬性始終要和name 屬性或 http-equiv 屬性一塊兒使用。

scheme 屬性

scheme屬性用於指定要用來翻譯屬性值的方案。此方案應該在由 <head> 標籤的 profile 屬性指定的概況文件中進行了定義

3三、noframes ：不支持框架的瀏覽器

可爲那些不支持框架的瀏覽器顯示文本。noframes 元素位於 frameset 元素內部。

註釋：若是瀏覽器有能力處理框架，就不會顯示出 frameset 元素中的文本。

重要事項：若是您但願 frameset 添加 <noframes> 標籤，就必須報其中的文本包裝在 <body></body> 標籤中！

3四、script標籤

定義一段諸如javascript的腳本

3五、<noscript> 標籤

noscript元素用來定義在腳本未被執行時的替代內容（文本）。

此標籤可被用於可識別 <script> 標籤但沒法支持其中的腳本的瀏覽器。

註釋：若是瀏覽器支持腳本，那麼它不會顯示出 noscript 元素中的文本。

註釋：沒法識別 <script> 標籤的瀏覽器會把標籤的內容顯示到頁面上。爲了不瀏覽器這樣作，您應當在註釋標籤中隱藏腳本。老式的（沒法識別 <script> 標籤的）瀏覽器會忽略註釋，這樣就不會把標籤的內容寫到頁面上，而新式的瀏覽器則懂得執行這些腳本，即便它們被包圍在註釋標籤中！

案例

<scripttype="text/javascript">

<!--

document.write("若是顯示了這段文字，那麼您的瀏覽器支持JavaScript！")

//-->

</script>

3六、object：潛入對象

定義個潛入對象。能夠向頁面添加多媒體。

註釋：object 元素可位於在 head 元素或 body 元素內部。<object> 與 </object> 之間的文本是替換文本，針對不支持此標籤的瀏覽器。<param>標籤可定義用於對象的 run-time 設置。

註釋：至於圖像，請使用 <img> 標籤代替 <object> 標籤

屬性	取值	描述
align	left right top bottom	定義圍繞該對象的文本對齊方式
archive	URL	一個空格分隔的指向檔案文件的 URL 列表。這些檔案文件包含了與對象相關的資源。有關 archive 屬性的詳細信息
border	pixels	定義對象周圍的邊框
classid	class ID	定義嵌入 Windows Registry 中或某個 URL 中的類的 ID 值，此屬性可用來指定瀏覽器中包含的對象的位置，一般是一個 Java 類。有關 classid 屬性的詳細信息
codebase	URL	定義在何處可找到對象所需的代碼，提供一個基準 URL。有關 codebase 屬性的詳細信息。
codetype	MIME type	經過 classid 屬性所引用的代碼的 MIME 類型。有關 codetype 屬性的詳細信息。
data	URL	定義引用對象數據的 URL。若是有須要對象處理的數據文件,要用 data 屬性來指定這些數據文件。
declare	declare	可定義此對象僅可被聲明，但不能被建立或例示，直到此對象獲得應用爲止。
height	pixels	定義對象的高度
hspace	pixels	定義對象周圍水平方向的空白
name	unique_name	爲對象定義惟一的名稱（以便在腳本中使用）
standby	text	定義當對象正在加載時所顯示的文本
type	MIME_type	定義被規定在 data 屬性中指定的文件中出現的數據的 MIME 類型。
usemap	URL	規定與對象一同使用的客戶端圖像映射的 URL
vspace	pixels	定義對象的垂直方向的空白
width	pixels	定義對象的寬度

3七、select 元素可建立單選或多選菜單。

當提交表單時，瀏覽器會提交選定的項目，或者收集用逗號分隔的多個選項，將其合成一個單獨的參數列表，而且在將 <select> 表單數據提交給服務器時包括 name 屬性。

屬性	值	描述
disabled	disabled	當設置此屬性時，會禁用該菜單
multiple	multiple	能夠同時選定多個項目
name	unique_naem	下拉列表的惟一描述符
size	number	定義菜單中可見項目的數目

3八、<optgroup> 標籤：定義選項組

此元素容許您組合選項。當您使用一個長的選項列表時，對相關的選項進行組合會使處理更加容易

屬性	取值	描述
label	text-lable	定義選項組的標記
disabled	disabled	禁用此選項組

3九、option 元素：下拉列表中的一個選項（一個條目）。

瀏覽器將 <option> 標籤中的內容做爲 <select> 標籤的菜單或是滾動列表中的一個元素顯示。

註釋：<option> 標籤能夠在不帶有任何屬性的狀況下使用，可是您一般須要使用value 屬性，此屬性會指示出被送往服務器的內容。

註釋：請與 select 元素配合使用此標籤，不然這個標籤是沒有意義的。

屬性	取值	描述
disabled	disabled	首次加載時被禁用
lable	text	定義當使用optgroup時所使用的標註
selected	selected	在首次顯示在列表中時表現爲選中狀態
value	text	送往服務器的選項值

案例:

<option value ="volvo"selected="selected">Volvo</option>

</optgroup>

<option value="mercedes">Mercedes</option>

</optgroup>

</select>

40、pre 元素：定義預格式化的文本。

被包圍在 pre 元素中的文本一般會保留空格和換行符。而文本也會呈現爲等寬字體。

<pre>標籤的一個常見應用就是用來表示計算機的源代碼。

製表符（tab）在 <pre> 標籤訂義的塊當中能夠起到應有的做用，每一個製表符佔據 8 個字符的位置。可是咱們不推薦使用它，由於在不一樣的瀏覽器中，Tab 的實現各不相同。在用 <pre> 標籤格式化的文檔段中使用空格，能夠確保文本正確的水平位置。

4一、span：行內元素

<span> 標籤被用來組合文檔中的行內元素。

提示和註釋：

提示：請使用 <span> 來組合行內元素，以便經過樣式來格式化它們。

註釋：span 沒有固定的格式表現。當對它應用樣式時，它纔會產生視覺上的變化。

若是不對 span 應用樣式，那麼 span 元素中的文本與其餘文本不會任何視覺上的差別。儘管如此，上例中的 span 元素仍然爲 p 元素增長了額外的結構。

能夠爲 span 應用 id 或 class 屬性，這樣既能夠增長適當的語義，又便於對 span 應用樣式。

能夠對同一個 <span> 元素應用 class 或 id 屬性，可是更常見的狀況是隻應用其中一種。這二者的主要差別是，class 用於元素組（相似的元素，或者能夠理解爲某一類元素），而 id 用於標識單獨的惟一的元素。

4二、<table> 標籤：定義表格。

在 <table> 標籤內部，你能夠放置表格的標題、表格行、表格列、表格單元以及其餘的表格。

屬性	取值	描述
align	left right center	排列表格，不同意使用，使用樣式表取代
bgcolor	rgb	規定表格的背景顏色，不同意使用，使用樣式表
border	pixels	規定表格邊框的寬度能夠經過border=‘0’來顯示無邊框的表格
cellpadding	pixels %	規定單元邊沿與其內容之間的空白
cellspacing	pixels %	規定單元格之間的空白
frame	void，above，bellow， hsides，lhs，rhs， vsides，box，border	規定表格周圍的那一側的邊框是可見，要與border配合使用
rules	none，groups，rows cols，all	規定水平或垂直的分界線必需要與border屬性配合使用
summary	text	爲語音合成/非視覺瀏覽器規定表格的摘要
width	pixels %	規定表格的寬度

案例：

帶標題的表格：

<tableborder="6">

<tr>

</tr>

<tr>

</tr>

</table>

跨列：colspan="2"

跨行：rowspan="2"

4三、<tbody> 標籤：表格主體（正文）。

使用 <tbody> 標籤，能夠將表格分爲一個單獨的部分。<tbody> 標籤可將表格中的一行或幾行合成一組。

雖然您可能想包括一個，甚至會在表格中包括兩個或更多個 <tbody> 標籤，可是咱們建議最好在表格中沒有 <tbody> 標籤。

在 <tbody> 標籤中，只有 <tr> 標籤能夠定義表格行。而且一旦定義，一個 <tbody> 標籤就是表格中的一個獨立的部分。例如不能從一個 <tbody> 跨越到另外一個 <tbody> 中。

thead、tfoot 以及 tbody 元素使您有能力對錶格中的行進行分組。當您建立某個表格時，您也許但願擁有一個標題行，一些帶有數據的行，以及位於底部的一個總計行。這種劃分使瀏覽器有能力支持獨立於表格標題和頁腳的表格正文滾動。當長的表格被打印時，表格的表頭和頁腳可被打印在包含表格數據的每張頁面上

HTML 事件

一、表單事件（僅在表單元素中有效）

屬性	值	描述
onchange	腳本	當元素改變時執行
onsubmit	腳本	當表單被提交時執行
onreset	腳本	當表單被重置時執行
onselect	腳本	當元素被選取時執行
onblur	腳本	當元素失去焦點執行
onfocus	腳本	當元素得到焦點執行

二、鍵盤事件

屬性	值	描述
onkeydown	腳本	當鍵盤被按下時執行
onkeypress	腳本	當鍵盤被按下後又鬆開時執行
onkeyup	腳本	當鍵盤被鬆開時執行腳本

三、鼠標事件

屬性	值	描述
onclick	腳本	當鼠標被單擊時執行
ondblclick	腳本	當鼠標被雙擊時執行
onmousedown	腳本	當鼠標按鈕被按下時執行
onmousemove	腳本	當鼠標指針移動時執行腳本
onmouseout	腳本	當鼠標指針移出某元素時執行腳本
onmouseover	腳本	當鼠標指針懸停於某元素之上時執行腳本
onmouseup	腳本	當鼠標按鈕被鬆開時執行腳本

HTTP消息狀態

1xx: 信息

消息	描述
100 continue	服務器僅接受到部分請求，可是一旦服務器並無拒絕該請求，客戶端應繼續發送其他的請求
101 switching protocols	服務器轉換協議：服務器將聽從客戶的請求轉換到另一種協議

2xx: 成功

消息	描述
200 ok	請求成功(其後對GET和POST請求的應答文檔 )
201 create	請求被建立成功，同時新的資源被建立
202 accepted	供處理的請求已被接受，可是處理未完成
203 non-authoritative information	文檔已經正常地返回，但一些應答可能不正確，由於使用的是文檔的拷貝
204 no content	新頁面，而servlet能夠肯定用戶文檔足夠新，這個狀態代碼是頗有用的
205reset content	沒有想新文檔，但瀏覽器應該重置它所顯示的內容，用來強制瀏覽器清除表單輸入內容
206 partial content	客戶發送一個帶有Range頭的get請求，服務器完成了它

3xx: 重定向

消息	描述
300 multiple choices	多重選擇，連接列表，用戶能夠選擇某連接到達目的地。最多容許五個地址
301 moved permanently	所請求的頁面已經轉移至新的url
302 found	所請求的頁面已經臨時轉移至新的url
303 see other	所請求的頁面可在別的url下找到
304 not modified	未按預期修改文檔，客戶端有緩衝的文檔併發出一個條件性的請求(通常是提供if-modified-since頭表示客戶只想指定日期更新的文檔)。服務器告訴客戶，原來緩衝的文檔還能夠繼續使用

4xx: 客戶端錯誤

消息:	描述:
400 Bad Request	服務器未能理解請求。
401 Unauthorized	被請求的頁面須要用戶名和密碼。
402 Payment Required	此代碼尚沒法使用。
403 Forbidden	對被請求頁面的訪問被禁止。
404 Not Found	服務器沒法找到被請求的頁面。
405 Method Not Allowed	請求中指定的方法不被容許。
406 Not Acceptable	服務器生成的響應沒法被客戶端所接受。
408 Request Timeout	請求超出了服務器的等待時間。

5xx: 服務器錯誤

消息:	描述:
500 Internal Server Error	請求未完成。服務器遇到不可預知的狀況。
501 Not Implemented	請求未完成。服務器不支持所請求的功能。
502 Bad Gateway	請求未完成。服務器從上游服務器收到一個無效的響應。
503 Service Unavailable	請求未完成。服務器臨時過載或當機。
504 Gateway Timeout	網關超時。
505 HTTP Version Not Supported	服務器不支持請求中指明的HTTP協議版本。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。