九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
HTML 學(xué)習(xí)手冊(常用的標(biāo)簽)

HTML標(biāo)簽

1、<!DOCTYPE>

聲明位于文檔中的最前面的位置,處于 <html> 標(biāo)簽之前。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。

<!DOCTYPEhtml

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

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

2、<a> 標(biāo)簽可定義錨

屬性

取值

描述

href

url

連接目標(biāo)的url

name

section_name

命令一個(gè)錨。使用此屬性在文檔中創(chuàng)建某個(gè)書簽。在XHTML的未來版本中,name屬性會被id屬性取代

target

_blank

_parent

_self

_top

在何處打開目標(biāo) URL。

_blank:在一個(gè)新的未命名的窗口載入文檔

_self:在相同的框架或窗口中載入目標(biāo)文檔

_parent:把文檔載入父窗口或包含了超鏈接引用的框架的框架集

_top:把文檔載入包含該超鏈接的窗口,取代任何當(dāng)前正在窗口中顯示的框架

一個(gè)錨有兩種用法:

通過使用 href 屬性,創(chuàng)建一個(gè)到另外一個(gè)文檔的鏈接

通過使用 name 或 id 屬性,創(chuàng)建一個(gè)文檔內(nèi)部的書簽

(1)創(chuàng)建錨

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

點(diǎn)擊上面的連接,會定位到

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

(2)創(chuàng)建電子郵件

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

3、<abbr>

表示一個(gè)縮寫形式,比如 "Inc."、"etc."。通過對縮寫詞語進(jìn)行標(biāo)記,您就能夠?yàn)闉g覽器、拼寫檢查程序、翻譯系統(tǒng)以及搜索引擎分度器提供有用的信息。

注釋:在某些瀏覽器中,當(dāng)您把鼠標(biāo)移至縮略詞語上時(shí),title 屬性可被用來展示表達(dá)的完整版本。

4、<acronym>

定義只取首字母縮寫,比如 "NATO"。通過對只取首字母縮寫進(jìn)行標(biāo)記,您就能夠?yàn)闉g覽器、拼寫檢查程序、翻譯系統(tǒng)以及搜索引擎分度器提供有用的信息。

5、<address>

定義一個(gè)地址(比如電子郵件地址)。您應(yīng)當(dāng)使用它來定義地址、簽名或者文檔的作者身份

6、<area> 映射區(qū)域

定義圖像映射中的某個(gè)區(qū)域

屬性

取值

描述

coords

坐標(biāo)值

定義可點(diǎn)擊區(qū)域的坐標(biāo)

href

URL

定義此區(qū)域的目標(biāo)URL

nohref

true

false

從圖像映射排除某個(gè)區(qū)域。

shape

rect

rectangle

circ

circle

poly

polygon

定義區(qū)域的形狀

注:coords 屬性

<area> 標(biāo)簽的 coords 屬性定義了客戶端圖像映射中對鼠標(biāo)敏感的區(qū)域的坐標(biāo)。坐標(biāo)的數(shù)字及其含義取決于 shape 屬性中決定的區(qū)域形狀。可以將客戶端圖像映射中的超鏈接區(qū)域定義為矩形、圓形或多邊形等。

下面列出了每種形狀的適當(dāng)值:

圓形 :shape="circle",coords="x,y,z"

這里的 x 和 y 定義了圓心的位置("0,0" 是圖像左上角的坐標(biāo)),z 是以像素為單位的圓形半徑。

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

每一對 "x,y" 坐標(biāo)都定義了多邊形的一個(gè)頂點(diǎn)("0,0" 是圖像左上角的坐標(biāo))。定義三角形至少需要三組坐標(biāo);高緯多邊形則需要更多數(shù)量的頂點(diǎn)。

多邊形會自動封閉,因此在列表的結(jié)尾不需要重復(fù)第一個(gè)坐標(biāo)來閉合整個(gè)區(qū)域。

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

第一個(gè)坐標(biāo)是矩形的一個(gè)角的頂點(diǎn)坐標(biāo),另一對坐標(biāo)是對角的頂點(diǎn)坐標(biāo),"0,0"是圖像左上角的坐標(biāo)。請注意,定義矩形實(shí)際上是定義帶有四個(gè)頂點(diǎn)的多邊形的一種簡化方法。

例如

<map name="map">

 <area shape="rect" coords="75,75,99,99"nohref="nohref">

 <area shape="circ" coords="50,50,25"nohref="nohref">

</map>

注釋:如果某個(gè) area 標(biāo)簽中的坐標(biāo)和其他區(qū)域發(fā)生了重疊,會優(yōu)先采用最先出現(xiàn)的 area 標(biāo)簽。瀏覽器會忽略超過圖像邊界范圍之外的坐標(biāo)。

案例:

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

alt="Planets" />

<map name="planetmap" id="planetmap" >

<area

shape="circle"

coords="180,139,14"

href =" "

target ="_blank"

alt="Venus" />

</map>

注釋 :img 元素中的 "usemap" 屬性引用 map 元素中的 "id" 或 "name" 屬性(根據(jù)瀏覽器),所以我們同時(shí)向 map 元素添加了 "id" 和 "name" 屬性。

7、字體樣式元素

它們不被贊成使用,通過使用樣式表會取得更加多樣的效果。

<tt> 呈現(xiàn)類似打字機(jī)或者等寬的文本效果。

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

<b> 呈現(xiàn)粗體文本效果。

<big> 呈現(xiàn)大號字體效果。

<small> 呈現(xiàn)小號字體效果。

<sub> 標(biāo)簽可定義下標(biāo)文本

<sup> 可定義上標(biāo)文本

8、base 元素:基準(zhǔn)的url

可規(guī)定頁面中所有鏈接的基準(zhǔn) URL。

通常情況下,瀏覽器會從當(dāng)前文檔的 URL 中提取相應(yīng)的元素來填寫相對 URL 中的空白。

使用 <base> 標(biāo)簽可以改變這一點(diǎn)。瀏覽器隨后將不再使用當(dāng)前文檔的 URL,而使用指定的基本 URL 來解析所有的相對 URL。這其中包括 <a>、<img>、<link>、<form> 標(biāo)簽中的 URL。

屬性

取值

描述

href

URL

規(guī)定頁面中所有鏈接的基準(zhǔn)URL

traget

……

……

注釋 :<base> 標(biāo)簽必須位于 head 元素內(nèi)部。

案例:

head中

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

body中

<img src="520.jpg"/>

實(shí)際是這樣的代碼

<img src="./img/520.jpg"/>

9、bdo 元素:文本方向

可覆蓋默認(rèn)的文本方向。

屬性

取值

描述

dir

ltr

rtl

定義文件的方向

案例:逆序輸出

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

10、<blockquote> 標(biāo)簽

可定義一個(gè)塊引用。<blockquote> 與 </blockquote> 之間的所有文本都會從常規(guī)文本中分離出來,經(jīng)常會在左、右兩邊進(jìn)行縮進(jìn),而且有時(shí)會使用斜體。

11、body標(biāo)簽

body中的alink(規(guī)定文檔中活動鏈接(activelink)的的顏色)、background(用作背景的圖像)、bgcolor(文檔的背景顏色)、link(文檔中所有鏈接的顏色)、text(文檔中所有文本的顏色)、vlink(文檔中所有被訪鏈接的顏色)這些屬性不推薦使用,推薦使用樣式表中的屬性。

12、 <caption> 標(biāo)簽

caption 元素可定義一個(gè)表格標(biāo)題。caption 標(biāo)簽必須緊隨 table 標(biāo)簽之后。您只能對每個(gè)表格定義一個(gè)標(biāo)題。通常這個(gè)標(biāo)題會被居中于表格之上。

案例:

<table>

<caption>我的標(biāo)題</caption>

<tr>

 <td>100</td>

</tr>

</table>

13、<col> 標(biāo)簽:表格列的屬性

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

如果您希望在 colgroup 內(nèi)部為每個(gè)列規(guī)定不同的屬性值時(shí),請使用此元素。如果沒有 col 元素,列會從 colgroup 那里繼承所有的屬性值。

案例

<table border="1">

 <colgroup span="3">

   <col width="20"></col>

   <col width="50"></col>

   <col width="80"></col>

 </colgroup>

 <tr>

   <td>1</td>

   <td>2</td>

   <td>3</td>

   <td>4</td>

 </tr>

</table>

屬性

取值

描述

align

right

left

center

justify

char

在列中定義單元格中內(nèi)容的水平排列方式

char

character

規(guī)定根據(jù)那種字符來進(jìn)行文本對奇。僅當(dāng)align=char使用

span

number

定義<col>應(yīng)當(dāng)橫跨的列數(shù)

valign

top

middle

bottom

在列中定義單元格中內(nèi)容的垂直排列方式

width

 

定義列的寬度

創(chuàng)建一個(gè)有 5 列的<colgroup>。我們分別將第一列和最后一列靠左和靠右對齊,中間的三列居中。

<colgroup>

 <col align="left" />

 <col align="center" span="3" />

 <col align="right" />

</colgroup>

14、<dl> :列表

標(biāo)簽定義了定義列表。

15、<dt>

定義列表中的項(xiàng)目(即術(shù)語部分)。

16、<dd>

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

案例

<dl>

  <dt>Coffee</dt>

  <dd>Black hot drink1</dd>

  <dd>Black hot drink2</dd>

  <dt>Milk</dt>

  <dd>White cold drink</dd>

</dl>

輸出:

Coffee

Blackhot drink1

Blackhot drink2

Milk

Whitecold drink

17、<del> :刪除線

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

18、<ins>:下劃線

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

19、fieldset 元素。表單打包

<fieldset> 標(biāo)簽將表單內(nèi)容的一部分打包,生成一組相關(guān)表單的字段。<fieldset> 標(biāo)簽沒有必需的或唯一的屬性。

當(dāng)一組表單元素放到 <fieldset> 標(biāo)簽內(nèi)時(shí),瀏覽器會以特殊方式來顯示它們,它們可能有特殊的邊界、3D 效果,或者甚至可創(chuàng)建一個(gè)子表單來處理這些元素

legend 元素可為 fieldset 定義一個(gè)標(biāo)題

案例

<fieldset>

<legend>健康信息:</legend>

<form>

<label>身高:<inputtype="text" /></label>

<label>體重:<inputtype="text" /></label>

</form>

</fieldset>

20、form標(biāo)簽

form 元素可為用戶輸入創(chuàng)建表單。

表單可包含文本域,復(fù)選框,單選按鈕等等。表單用于向指定的 URL 傳遞用戶數(shù)據(jù)。

屬性

取值

描述

action

URL

當(dāng)確認(rèn)按鈕按下時(shí),接受和處理表單數(shù)據(jù)的url

method

 

get

post

用于向action URL傳遞數(shù)據(jù)的HTTP方法,默認(rèn)是get

accept-charset

字符集名稱列表

一個(gè)服務(wù)器可接受的字符集的列表(用逗號分隔)

enctype

MIME類型

用來編碼表單內(nèi)容的MIME類型

name

表單名稱

定義表單的唯一名稱

target

 

在何處打開目標(biāo)URL

發(fā)送郵件表單案例

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

<input type="text" name="name"value="yourname" size="20">

<input type="submit"value="發(fā)送">

<input type="reset"value="重置">

</form>

21、<frameset>

在 <frameset> 中定義一個(gè)框架

注釋 :如果您希望驗(yàn)證某個(gè)包含框架的頁面,請確保DTD 被設(shè)置為 "Frameset DTD"。閱讀更多有關(guān) XHTML 驗(yàn)證的內(nèi)容。

重要事項(xiàng) :您不能與<frameset></frameset> 標(biāo)簽一起使用 <body></body>標(biāo)簽。不過,如果您需要為不支持框架的瀏覽器添加一個(gè) <noframes> 標(biāo)簽,請務(wù)必將此標(biāo)簽放置在 <body></body> 標(biāo)簽中!

屬性

取值

描述

frameborder

0

1

是否顯示框架周圍的邊框

longdesc

url

此框架內(nèi)容的長的url,可為那些不支持框架的瀏覽器使用此屬性

marginheight

pixels

定義框架中的頂部和底部的邊距

marginwidth

pixels

定義框架中左側(cè)和右側(cè)邊距

name

frame_name

為框架定義唯一的名稱(以便在腳本中使用)

noresize

noresize

用戶無法對框架調(diào)整尺寸

scrolling

yes

no

atuo

確定滾動條的行為

src

url

定義顯示框架中的文件的url

案例:

水平框架

<frameset cols="35%,30%,35%"noresize="noresize" frameborder="0">

 <frame src="a.html">

 <frame src="b.html">

 <frame src="c.html">

<noframes>

<body>您的瀏覽器無法處理框架!</body>

</noframes>

</frameset>

垂直框架

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

 <frame src="a.html">

 <frame src="b.html">

 <frame src="c.html">

<noframes>

<body>您的瀏覽器無法處理框架!</body>

</noframes>

</frameset>

混合框架

<html>

<framesetrows="50%,50%">

<frame src="a.html">

<framesetcols="25%,75%">

<frame src="b.html">

<frame src="c.html">

</frameset>

</html>

導(dǎo)航框架

<html>

<frameset cols="120,*">

<frame src= "content.html" >

<frame src="a.html" name="showframe" >

</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>

帶錨的框架

<frame src="link.html #C10 ">

22 、frameset 框架

可定義一個(gè)框架集。它被用來組織多個(gè)窗口(框架)。每個(gè)框架存有獨(dú)立的文檔。在其最簡單的應(yīng)用中,frameset 元素僅僅會規(guī)定在框架集中存在多少列或多少行。您必須使用 cols 或 rows 屬性

屬性

取值

描述

cols

pixels

%

*

定義框架集中列的數(shù)目和尺寸

rows

pixels

%

*

定義框架集中行的數(shù)目和尺寸

cols 和rows 作用和用法

<frameset> 標(biāo)簽有一個(gè)必需的屬性:要么是 rows,要么是 cols,這取決于您的選擇,它們定義了文檔窗口中框架或嵌套的框架集的行或列的大小及數(shù)目。

這兩個(gè)屬性都接受用引號括起來并用逗號分開的值列表,這些數(shù)值指定了框架的絕對(像素點(diǎn))或相對(百分比或其余空間)寬度(對列而言),或者絕對或相對高度(對行而言)。這些屬性值的數(shù)目決定了瀏覽器將會在文檔窗口中顯示多少行或列的框架。

與表格一樣,瀏覽器在顯示時(shí)會盡可能接近給定的框架集尺寸。但是,瀏覽器不會為了能夠容納下超出邊沿的框架集而擴(kuò)展文檔窗口的邊界,也不會在指定的框架沒有填滿整個(gè)窗口時(shí)用空白區(qū)域來填滿窗口。相反,瀏覽器會根據(jù)一個(gè)框架在行和列中相對于其他框架的大小來分配空間,這樣就能夠填滿整個(gè)文檔窗口了。(注意到一個(gè)主框架文檔中沒有滾動條了嗎?)

23、head 元素

可包含關(guān)于文檔的信息。瀏覽器不會向用戶顯示這些頭部信息("headinformation")。下面這些標(biāo)簽可用在 head 部分:<base>, <link>, <meta>, <script>,<style>, 以及 <title>。

字符編碼:

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

描述:

<meta name="description"  content="HTML examples">

關(guān)鍵字:

<meta name="keywords"content="HTML,DHTML, CSS">

重定向:5秒后

<meta http-equiv=" Refresh " content ="5;url=../index.htm"tppabs="http://www.w3school.com.cn/">

24、<hr> 標(biāo)簽可插入一個(gè)水平線

屬性

取值

描述

align

center

left

right

規(guī)定水平線的排列

noshade

noshade

設(shè)為TRUE:水平線呈現(xiàn)純色(2D效果)

設(shè)為FALSE:水平線呈現(xiàn)雙色凹槽(3D效果)

size

pixels

%

水平線的厚度(高度)

width

pixels

%

水平線的寬度

25、iframe 元素:內(nèi)聯(lián)框架

創(chuàng)建一個(gè)包含另外一個(gè)文檔的內(nèi)聯(lián)框架

比frameset多一個(gè)align屬性。

案例

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

26、img元素

如果您在 Firefox 中使用 alt 屬性,那么當(dāng)鼠標(biāo)懸浮在圖片或圖像地圖時(shí)不會像其他的瀏覽器那樣出現(xiàn)提示文本??梢詔itle屬性提示文本。

屬性

取值

描述

alt

text

定義圖像的簡短描述

src

URL

顯示圖像的url

align

top

bottom

middle

left

right

規(guī)定如何根據(jù)周圍的文本排列圖像

border

pixels

圖像周圍的邊框

height

pixels

%

圖像的高度

hspace

pixels

圖片左側(cè)和右側(cè)的空白

ismap

URL

定義作為服務(wù)器端圖片映射的一幅圖像

longdesc

url

包含長的圖像描述文檔的url

usemap

url

作為客戶端圖像映射的一幅圖像

vspace

pixels

圖像頂部和底部的空白

width

pixels

%

圖像的寬度

27、<input> 標(biāo)簽

<input>標(biāo)簽可定義輸入域的開始,在其中用戶可輸入數(shù)據(jù)。

屬性

取值

描述

type

button

checkbox

file

hidden

imgage

password

radio

reset

submit

text

 

 

 

 

指定input元素的類型,默認(rèn)是text

name

fileld_name

用于此input元素的唯一名稱

accept

list_of_mime_types

一個(gè)逗號分割的MIME類型列表,指示文件傳輸?shù)腗IME類型。注釋:僅與type=”file”配合使用

align

left

right

top

texttop

middle

baseline

bottom

absbottom

 

 

 

定義圖像之后的文本的排列,僅與type=image配合使用

alt

text

定義圖像的替代文本,僅與type=imgae配合使用

checked

checked

此input元素首次加載時(shí)應(yīng)當(dāng)被選中。請于tpye=checkbox及type=radio配合使用

disabled

disabled

當(dāng)input元素首次加載時(shí),禁用此元素這樣用戶就無法在其中寫文本,或選定它。

注釋:不能與 type="hidden" 一同使用。

maxlength

number

定于在某個(gè)文本域中所允許的最大字符數(shù)。僅與type=text配合使用

readonly

readonly

指示此域的值不能被修改,僅與type=text配合使用

size

number_of_char

定義input元素的尺寸,不能與input=hidden一同使用

src

url

定義顯示圖像的url,僅與type=image配合使用

value

value

對于按鈕、重置按鈕和確認(rèn)按鈕:定義按鈕上的文本。

對于圖像按鈕:定義傳遞向某個(gè)腳本的此域的符號結(jié)果

對于復(fù)選框和單選按鈕:定義 input 元素被點(diǎn)擊時(shí)的結(jié)果。

對于隱藏域、密碼域以及文本域:定義元素的默認(rèn)值。

注釋:不能與 type="file" 一同使用。

注釋:與 type="checkbox" 和 type="radio" 一同使用時(shí),此元素是必需的。

28、<label> 標(biāo)簽

向控件定義標(biāo)注(標(biāo)記)。如果您在 label 元素內(nèi)點(diǎn)擊文本,就會觸發(fā)此控件。就是說,當(dāng)用戶選擇該標(biāo)簽時(shí),瀏覽器就會自動將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。

注釋 :"for" 屬性可把 label 綁定到另外一個(gè)元素。請把 "for" 屬性的值設(shè)置為相關(guān)元素的 id 屬性的值。

顯式:

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

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

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

29、<ol> 標(biāo)簽定義了有序列表。

注釋:請使用樣式來定義列表的類型。

屬性

取值

描述

compact

compact_rendering

不贊成使用,使用樣式表

start

start_on_number

規(guī)定起始的數(shù)字

type

A

a

I

i

1

規(guī)定列表的類型

30、<ul> 標(biāo)簽定義了無序列表。

31、<li> 標(biāo)簽定義了列表項(xiàng)目。

<li>標(biāo)簽可用在有序列表(<ol>) 和無序列表 (<ul>) 中

注釋:請使用樣式來定義列表的類型。

屬性

取值

描述

type

A(ol)

a(ol)

I(ol)

i(ol)

disc(ul)

square(ul)

circle(ul)

規(guī)定列表的類型

value

number_of_list_item

 

案例

<h4>數(shù)字有序列表:</h4>

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

 <li>蘋果</li>

 <li>香蕉</li>

 <li>檸檬</li>

 <li>桔子</li>

</ol> 

<h4>一個(gè)嵌套無序列表:</h4>

<ul>

  <li>咖啡</li>

  <li>茶

    <ul>

    <li>紅茶</li>

    <li>綠茶

      <ul>

      <li>中國茶</li>  

      </ul>

    </li>

    </ul>

  </li>

  <li>牛奶</li>

</ul>

32、<meta> 元素:元信息

提供有關(guān)頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。

<meta>標(biāo)簽位于文檔的頭部,不包含任何內(nèi)容。<meta> 標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對。

注釋:<meta> 標(biāo)簽永遠(yuǎn)位于 head 元素內(nèi)部。

注釋:元數(shù)據(jù)總是以名稱/值的形式被成對傳遞的。

屬性

取值

描述

content

some_text

定義與http_equiv或name屬性相關(guān)的元信息

http_equiv

content_type

expires

refresh

set_cookie

把content屬性關(guān)聯(lián)到hhtp頭部

name

author

description

keywords

把content屬性關(guān)聯(lián)到一個(gè)名稱

scheme

some_text

定義用于content屬性值的格式

name 屬性

name屬性提供了名稱/值對中的名稱。HTML 和 XHTML 標(biāo)簽都沒有指定任何預(yù)先定義的 <meta> 名稱。通常情況下,您可以自由使用對自己和源文檔的讀者來說富有意義的名稱。

"keywords"是一個(gè)經(jīng)常被用到的名稱。它為文檔定義了一組關(guān)鍵字。某些搜索引擎在遇到這些關(guān)鍵字時(shí),會用這些關(guān)鍵字對文檔進(jìn)行分類。

類似這樣的 meta 標(biāo)簽可能對于進(jìn)入搜索引擎的索引有幫助:

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

如果沒有提供 name 屬性,那么名稱/值對中的名稱會采用 http-equiv 屬性的值。

http-equiv 屬性

http-equiv屬性為名稱/值對提供了名稱。并指示服務(wù)器在發(fā)送實(shí)際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。

當(dāng)服務(wù)器向?yàn)g覽器發(fā)送文檔時(shí),會先發(fā)送許多名稱/值對。雖然有些服務(wù)器會發(fā)送許多這種名稱/值對,但是所有服務(wù)器都至少要發(fā)送一個(gè):content-type:text/html。這將告訴瀏覽器準(zhǔn)備接受一個(gè) HTML 文檔。

使用帶有 http-equiv 屬性的 <meta> 標(biāo)簽時(shí),服務(wù)器將把名稱/值對添加到發(fā)送給瀏覽器的內(nèi)容頭部。例如,添加:

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

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

這樣發(fā)送到瀏覽器的頭部就應(yīng)該包含:

content-type:text/html

charset:iso-8859-1

expires:31Dec 2007

當(dāng)然,只有瀏覽器可以接受這些附加的頭部字段,并能以適當(dāng)?shù)姆绞绞褂盟鼈儠r(shí),這些字段才有意義。

content 屬性

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

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

scheme 屬性

scheme屬性用于指定要用來翻譯屬性值的方案。此方案應(yīng)該在由 <head> 標(biāo)簽的 profile 屬性指定的概況文件中進(jìn)行了定義

33、noframes :不支持框架的瀏覽器

可為那些不支持框架的瀏覽器顯示文本。noframes 元素位于 frameset 元素內(nèi)部。

注釋:如果瀏覽器有能力處理框架,就不會顯示出 frameset 元素中的文本。

重要事項(xiàng):如果您希望 frameset 添加 <noframes> 標(biāo)簽,就必須報(bào)其中的文本包裝在 <body></body> 標(biāo)簽中!

34、script標(biāo)簽

定義一段諸如javascript的腳本

35、<noscript> 標(biāo)簽

noscript元素用來定義在腳本未被執(zhí)行時(shí)的替代內(nèi)容(文本)。

此標(biāo)簽可被用于可識別 <script> 標(biāo)簽但無法支持其中的腳本的瀏覽器。

注釋:如果瀏覽器支持腳本,那么它不會顯示出 noscript 元素中的文本。

注釋:無法識別 <script> 標(biāo)簽的瀏覽器會把標(biāo)簽的內(nèi)容顯示到頁面上。為了避免瀏覽器這樣做,您應(yīng)當(dāng)在注釋標(biāo)簽中隱藏腳本。老式的(無法識別 <script> 標(biāo)簽的)瀏覽器會忽略注釋,這樣就不會把標(biāo)簽的內(nèi)容寫到頁面上,而新式的瀏覽器則懂得執(zhí)行這些腳本,即使它們被包圍在注釋標(biāo)簽中!

案例

<scripttype="text/javascript">

<!--

document.write("如果顯示了這段文字,那么您的瀏覽器支持JavaScript!")

//-->

</script>

<noscript>NoJavaScript support!</noscript>

36、object:潛入對象

定義個(gè)潛入對象??梢韵蝽撁嫣砑佣嗝襟w。

注釋:object 元素可位于在 head 元素或 body 元素內(nèi)部。<object> 與 </object> 之間的文本是替換文本,針對不支持此標(biāo)簽的瀏覽器。<param>標(biāo)簽可定義用于對象的 run-time 設(shè)置。

注釋:至于圖像,請使用 <img> 標(biāo)簽代替 <object> 標(biāo)簽

屬性

取值

描述

align

left

right

top

bottom

 

定義圍繞該對象的文本對齊方式

archive

URL

一個(gè)空格分隔的指向檔案文件的 URL 列表。這些檔案文件包含了與對象相關(guān)的資源。有關(guān) archive 屬性的詳細(xì)信息

border

pixels

定義對象周圍的邊框

classid

class ID

定義嵌入 Windows Registry 中或某個(gè) URL 中的類的 ID 值,此屬性可用來指定瀏覽器中包含的對象的位置,通常是一個(gè) Java 類。

有關(guān) classid 屬性的詳細(xì)信息

codebase

URL

定義在何處可找到對象所需的代碼,提供一個(gè)基準(zhǔn) URL。

有關(guān) codebase 屬性的詳細(xì)信息。

 

codetype

MIME type

通過 classid 屬性所引用的代碼的 MIME 類型。

有關(guān) codetype 屬性的詳細(xì)信息。

 

data

URL

定義引用對象數(shù)據(jù)的 URL。如果有需要對象處理的數(shù)據(jù)文件,要用 data 屬性來指定這些數(shù)據(jù)文件。

 

declare

declare

可定義此對象僅可被聲明,但不能被創(chuàng)建或例示,直到此對象得到應(yīng)用為止。

 

height

pixels

定義對象的高度

hspace

pixels

定義對象周圍水平方向的空白

name

unique_name

為對象定義唯一的名稱(以便在腳本中使用)

standby

text

定義當(dāng)對象正在加載時(shí)所顯示的文本

type

MIME_type

定義被規(guī)定在 data 屬性中指定的文件中出現(xiàn)的數(shù)據(jù)的 MIME 類型。

usemap

URL

規(guī)定與對象一同使用的客戶端圖像映射的 URL

vspace

pixels

定義對象的垂直方向的空白

width

pixels

定義對象的寬度

37、select 元素可創(chuàng)建單選或多選菜單。

當(dāng)提交表單時(shí),瀏覽器會提交選定的項(xiàng)目,或者收集用逗號分隔的多個(gè)選項(xiàng),將其合成一個(gè)單獨(dú)的參數(shù)列表,并且在將 <select> 表單數(shù)據(jù)提交給服務(wù)器時(shí)包括 name 屬性。

屬性

描述

disabled

disabled

當(dāng)設(shè)置此屬性時(shí),會禁用該菜單

multiple

multiple

可以同時(shí)選定多個(gè)項(xiàng)目

name

unique_naem

下拉列表的唯一描述符

size

number

定義菜單中可見項(xiàng)目的數(shù)目

38、<optgroup> 標(biāo)簽:定義選項(xiàng)組

此元素允許您組合選項(xiàng)。當(dāng)您使用一個(gè)長的選項(xiàng)列表時(shí),對相關(guān)的選項(xiàng)進(jìn)行組合會使處理更加容易

屬性

取值

描述

label

text-lable

定義選項(xiàng)組的標(biāo)記

disabled

disabled

禁用此選項(xiàng)組

39、option 元素:下拉列表中的一個(gè)選項(xiàng)(一個(gè)條目)。

瀏覽器將 <option> 標(biāo)簽中的內(nèi)容作為 <select> 標(biāo)簽的菜單或是滾動列表中的一個(gè)元素顯示。

注釋:<option> 標(biāo)簽可以在不帶有任何屬性的情況下使用,但是您通常需要使用value 屬性,此屬性會指示出被送往服務(wù)器的內(nèi)容。

注釋:請與 select 元素配合使用此標(biāo)簽,否則這個(gè)標(biāo)簽是沒有意義的。

屬性

取值

描述

disabled

disabled

首次加載時(shí)被禁用

lable

text

定義當(dāng)使用optgroup時(shí)所使用的標(biāo)注

selected

selected

在首次顯示在列表中時(shí)表現(xiàn)為選中狀態(tài)

value

text

送往服務(wù)器的選項(xiàng)值

案例:

<select>

      <optgroup label="SwedishCars">

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

      <option value="saab">Saab</option>

      </optgroup>

      <optgroup label="GermanCars" disabled="disabled">

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

      <option value="audi">Audi</option>

      </optgroup>

</select>

40、pre 元素:定義預(yù)格式化的文本。

被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現(xiàn)為等寬字體。

<pre>標(biāo)簽的一個(gè)常見應(yīng)用就是用來表示計(jì)算機(jī)的源代碼。

制表符(tab)在 <pre> 標(biāo)簽定義的塊當(dāng)中可以起到應(yīng)有的作用,每個(gè)制表符占據(jù) 8 個(gè)字符的位置。但是我們不推薦使用它,因?yàn)樵诓煌臑g覽器中,Tab 的實(shí)現(xiàn)各不相同。在用 <pre> 標(biāo)簽格式化的文檔段中使用空格,可以確保文本正確的水平位置。

41、span:行內(nèi)元素

<span> 標(biāo)簽被用來組合文檔中的行內(nèi)元素。

提示和注釋:

提示:請使用 <span> 來組合行內(nèi)元素,以便通過樣式來格式化它們。

注釋:span 沒有固定的格式表現(xiàn)。當(dāng)對它應(yīng)用樣式時(shí),它才會產(chǎn)生視覺上的變化。

如果不對 span 應(yīng)用樣式,那么 span 元素中的文本與其他文本不會任何視覺上的差異。盡管如此,上例中的 span 元素仍然為 p 元素增加了額外的結(jié)構(gòu)。

可以為 span 應(yīng)用 id 或 class 屬性,這樣既可以增加適當(dāng)?shù)恼Z義,又便于對 span 應(yīng)用樣式。

可以對同一個(gè) <span> 元素應(yīng)用 class 或 id 屬性,但是更常見的情況是只應(yīng)用其中一種。這兩者的主要差異是,class 用于元素組(類似的元素,或者可以理解為某一類元素),而 id 用于標(biāo)識單獨(dú)的唯一的元素。

42、<table> 標(biāo)簽:定義表格。

在 <table> 標(biāo)簽內(nèi)部,你可以放置表格的標(biāo)題、表格行、表格列、表格單元以及其他的表格。

屬性

取值

描述

align

left

right

center

排列表格,不贊成使用,使用樣式表取代

bgcolor

rgb

規(guī)定表格的背景顏色,不贊成使用,使用樣式表

border

pixels

規(guī)定表格邊框的寬度

可以通過border=‘0’來顯示無邊框的表格

cellpadding

pixels

%

規(guī)定單元邊沿與其內(nèi)容之間的空白

cellspacing

pixels

%

規(guī)定單元格之間的空白

frame

void,above,bellow,

hsides,lhs,rhs,

vsides,box,border

規(guī)定表格周圍的那一側(cè)的邊框是可見,要與border配合使用

rules

none,groups,rows

cols,all

規(guī)定水平或垂直的分界線

必須要與border屬性配合使用

summary

text

為語音合成/非視覺瀏覽器規(guī)定表格的摘要

width

pixels

%

規(guī)定表格的寬度

案例:

帶標(biāo)題的表格:

<tableborder="6">

<caption>我的標(biāo)題</caption>

<tr>

  <td>100</td>

</tr>

<tr>

  <td>400</td>

</tr>

</table>

跨列:colspan="2"

跨行:rowspan="2"

43、<tbody> 標(biāo)簽:表格主體(正文)。

使用 <tbody> 標(biāo)簽,可以將表格分為一個(gè)單獨(dú)的部分。<tbody> 標(biāo)簽可將表格中的一行或幾行合成一組。

雖然您可能想包括一個(gè),甚至?xí)诒砀裰邪▋蓚€(gè)或更多個(gè) <tbody> 標(biāo)簽,但是我們建議最好在表格中沒有 <tbody> 標(biāo)簽。

在 <tbody> 標(biāo)簽中,只有 <tr> 標(biāo)簽可以定義表格行。并且一旦定義,一個(gè) <tbody> 標(biāo)簽就是表格中的一個(gè)獨(dú)立的部分。例如不能從一個(gè) <tbody> 跨越到另一個(gè) <tbody> 中。

thead、tfoot 以及 tbody 元素使您有能力對表格中的行進(jìn)行分組。當(dāng)您創(chuàng)建某個(gè)表格時(shí),您也許希望擁有一個(gè)標(biāo)題行,一些帶有數(shù)據(jù)的行,以及位于底部的一個(gè)總計(jì)行。這種劃分使瀏覽器有能力支持獨(dú)立于表格標(biāo)題和頁腳的表格正文滾動。當(dāng)長的表格被打印時(shí),表格的表頭和頁腳可被打印在包含表格數(shù)據(jù)的每張頁面上

HTML 事件

1、表單事件(僅在表單元素中有效)

屬性

描述

onchange

腳本

當(dāng)元素改變時(shí)執(zhí)行

onsubmit

腳本

當(dāng)表單被提交時(shí)執(zhí)行

onreset

腳本

當(dāng)表單被重置時(shí)執(zhí)行

onselect

腳本

當(dāng)元素被選取時(shí)執(zhí)行

onblur

腳本

當(dāng)元素失去焦點(diǎn)執(zhí)行

onfocus

腳本

當(dāng)元素獲得焦點(diǎn)執(zhí)行

2、鍵盤事件

屬性

描述

onkeydown

腳本

當(dāng)鍵盤被按下時(shí)執(zhí)行

onkeypress

腳本

當(dāng)鍵盤被按下后又松開時(shí)執(zhí)行

onkeyup

腳本

當(dāng)鍵盤被松開時(shí)執(zhí)行腳本

3、鼠標(biāo)事件

屬性

描述

onclick

腳本

當(dāng)鼠標(biāo)被單擊時(shí)執(zhí)行

ondblclick

腳本

當(dāng)鼠標(biāo)被雙擊時(shí)執(zhí)行

onmousedown

腳本

當(dāng)鼠標(biāo)按鈕被按下時(shí)執(zhí)行

onmousemove

腳本

當(dāng)鼠標(biāo)指針移動時(shí)執(zhí)行腳本

onmouseout

腳本

當(dāng)鼠標(biāo)指針移出某元素時(shí)執(zhí)行腳本

onmouseover

腳本

當(dāng)鼠標(biāo)指針懸停于某元素之上時(shí)執(zhí)行腳本

onmouseup

腳本

當(dāng)鼠標(biāo)按鈕被松開時(shí)執(zhí)行腳本

HTTP消息狀態(tài)

1xx: 信息

消息

描述

100 continue

服務(wù)器僅接受到部分請求,但是一旦服務(wù)器并沒有拒絕該請求,客戶端應(yīng)繼續(xù)發(fā)送其余的請求

101 switching protocols

服務(wù)器轉(zhuǎn)換協(xié)議:服務(wù)器將遵從客戶的請求轉(zhuǎn)換到另外一種協(xié)議

2xx: 成功

消息

描述

200 ok

請求成功( 其后對GET和POST請求的應(yīng)答文檔 )

201 create

請求被創(chuàng)建成功,同時(shí)新的資源被創(chuàng)建

202 accepted

供處理的請求已被接受,但是處理未完成

203

non-authoritative information

文檔已經(jīng)正常地返回,但一些應(yīng)答可能不正確,因?yàn)槭褂玫氖俏臋n的拷貝

204 no content

新頁面,而servlet可以確定用戶文檔足夠新,這個(gè)狀態(tài)代碼是很有用的

205reset content

沒有想新文檔,但瀏覽器應(yīng)該重置它所顯示的內(nèi)容,用來強(qiáng)制瀏覽器清除表單輸入內(nèi)容

206 partial content

客戶發(fā)送一個(gè)帶有Range頭的get請求,服務(wù)器完成了它

3xx: 重定向

消息

描述

300 multiple choices

多重選擇,鏈接列表,用戶可以選擇某鏈接到達(dá)目的地。最多允許五個(gè)地址

301 moved permanently

所請求的頁面已經(jīng)轉(zhuǎn)移 至新的url

302 found

所請求的頁面已經(jīng)臨時(shí)轉(zhuǎn)移至新的url

303 see other

所請求的頁面可在別的url下找到

304 not modified

未按預(yù)期修改文檔,客戶端有緩沖的文檔并發(fā)出一個(gè)條件性的請求( 一般是提供if-modified-since頭表示客戶只想指定日期更新的文檔)。服務(wù)器告訴客戶,原來緩沖的文檔還可以繼續(xù)使用

4xx: 客戶端錯(cuò)誤

消息:

描述:

400 Bad Request

服務(wù)器未能理解請求。

401 Unauthorized

被請求的頁面需要用戶名和密碼。

402 Payment Required

此代碼尚無法使用。

403 Forbidden

對被請求頁面的訪問被禁止。

404 Not Found

服務(wù)器無法找到被請求的頁面。

405 Method Not Allowed

請求中指定的方法不被允許。

406 Not Acceptable

服務(wù)器生成的響應(yīng)無法被客戶端所接受。

408 Request Timeout

請求超出了服務(wù)器的等待時(shí)間。

5xx: 服務(wù)器錯(cuò)誤

消息:

描述:

500 

Internal Server Error

請求未完成。服務(wù)器遇到不可預(yù)知的情況。

501 Not Implemented

請求未完成。服務(wù)器不支持所請求的功能。

502 Bad Gateway

請求未完成。服務(wù)器從上游服務(wù)器收到一個(gè)無效的響應(yīng)。

503 Service Unavailable

請求未完成。服務(wù)器臨時(shí)過載或當(dāng)機(jī)。

504 Gateway Timeout

網(wǎng)關(guān)超時(shí)。

505 HTTP Version Not Supported

服務(wù)器不支持請求中指明的HTTP 協(xié)議版本。

本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
<frame> 標(biāo)簽
HTML iframe 和 frameset 的區(qū)別
<iframe> 標(biāo)簽的用法
HTML <html> 標(biāo)簽
HTML5中常用的標(biāo)簽(及標(biāo)簽的屬性和作用)
前端(web)知識-html
更多類似文章 >>
生活服務(wù)
熱點(diǎn)新聞
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服