【HTML徹底剖析】詳解了各符號功用-製貼必讀 《1》標記

本帖於 2005-07-22 14:03:03 時間, 由普通用戶 子樂 編輯

標記

類型

名稱或意義

作用

備注

文件標記

<HTML>

文件宣告

讓瀏覽器知道這是 HTML 文件

 

<HEAD>

開頭

提供文件整體信息

 

<TITLE>

標題

定義文件標題,將顯示於瀏覽器頂端

 

<BODY>

主體

設計文件格式及內容所在

 

排版標記

<!--注解-->

說明標記

為文件加上說明,但不被顯示

 

<P>

段落標記

為字、圖、表格等之間留下一空白行

 

<BR>

換行標記

令字、圖、表格顯示於下一行

 

<HR>

水平線

插入一水平線

 

<CENTER>

居中

令字、圖、表格等顯示於中間

反對

<PRE>

預設格式

令文件按原代碼的排列方式顯示

 

<DIV>

定位標記

設定字、圖、表格等的擺放位置

 

<NOBR>

不換行

令文字不因太長而換行

 

<WBR>

建議換行

預設換行部位

 

字體標記

<STRONG>

加重語氣

產生字體加粗 Bold 的效果

 

<B>

粗體標記

產生字體加粗的效果

 

<EM>

強調標記

字體出現斜體效果

 

<I>

斜體標記

字體出現斜體效果

 

<TT>

等寬字體

Courier字體,字母寬度相同

 

<U>

加下劃線

加下劃線

反對

<H1>

一級標題標記

將字體變大,級數越高越小

 

<H2>

二級標題標記

將字體變大

 

<H3>

三級標題標記

將字體變大

 

<H4>

四級標題標記

將字體變大

 

<H5>

五級標題標記

將字體變大

 

<H6>

六級標題標記

將字體變大

 

<FONT>

字體標記

設定字體、大小、顏色

反對

<BASEFONT>

基準字體標記

設定所有字體、大小、顏色

反對

<BIG>

字體加大

令字體稍微變大

 

<SMALL>

字體縮小

令字體稍微縮小

 

<STRIKE>

加刪除線

為文字加刪除線

反對

<CODE>

程式碼

字體稍微加寬如<TT>

 

<KBD>

鍵盤字

字體稍微加寬,單一空白

 

<SAMP>

範例

字體稍為加寬如<TT>

 

<VAR>

變量

斜體效果

 

<CITE>

斜體標記

斜體效果

 

<BLOCKQUOTE>

向右縮排

文字向右縮排

 

<DFN>

述語定義

斜體效果

 

<ADDRESS>

地址標記

斜體效果

 

<SUB>

下標字

文字下標

 

<SUP>

上標字

文字上標

 

清單標記

<OL>

順序清單

清單項目將以數字、字母順序排列

 

<UL>

無序清單

清單項目將以實心圓點作為符號排列

 

<LI>

清單項目

清單中的項目,一個標記一行

 

<MENU>

選項清單

可用type參數指定項目符號。

反對

<DIR>

目錄清單

<menu>相同

反對

<DL>

定義清單

清單分兩層出現

 

<DT>

定義條目

清單項標題

 

<DD>

定義內容

清單項內容

 

表格標記

<TABLE>

表格標記

設定該表格的各項參數

 

<CAPTION>

表格標題

做成一打通列以填入表格標題

 

<TR>

表格列

設定該表格的列

 

<TD>

表格欄

設定該表格的欄

 

<TH>

表格標頭

相等於<TD>,但其內文字字體會變粗

 

表單標記

<FORM>

表單標記

決定該表單的運作模式

 

<TEXTAREA>

文字框

提供文字輸入欄

 

<INPUT>

輸入標記

決定輸入形式

 

<SELECT>

選擇標記

建立彈出卷動清單

 

<OPTION>

選項

每一個清單選項

 

圖形標記

<IMG>

圖形標記

用來插入圖形及設定圖形屬性

 

鏈接標記

<A>

鏈接標記

加入鏈接

 

<BASE>

基準標記

可將相對 URL 轉絕對及指定鏈接

 

框架標記

<FRAMESET>

框架設定

設定框架

 

<FRAME>

窗口設定

設定框架中的窗口

 

<IFRAME>

頁內框架

於網頁中插入框架

IE

<NOFRAMES>

不支持框架

設定瀏覽器不支持框架時的提示

 

影像地圖

<MAP>

影像地圖名稱

設定影像地圖名稱

 

<AREA>

鏈接區域

設定各鏈接區域

 

多媒體

<BGSOUND>

背景聲音

令背景播放音樂或聲音

IE

<EMBED>

多媒體

加入聲音、音樂或影像

 

其他標記

<MARQUEE>

走馬燈

令文字走動

IE

<BLINK>

閃爍文字

令文字閃爍

NC

<ISINDEX>

頁內尋找器

可輸入關鍵字尋找該頁

反對

<META>

開頭說明

提供關於此頁的信息給瀏覽器

 

<LINK>

關係定義

定義該文件與其他 URL 的關係

 

StyleSheet

<STYLE>

式樣表

控製網頁版麵

 

<span>

自訂標記

獨立使用或與樣式表一起用

 

注:

  ·● 表示該標記屬於圍堵標記,即需要結束標記 </標記>
  
·○ 表示該標記屬空標記,即不需要結束標記。
  
·IE 表示該標記隻適應於 Internet Explorer
  
·NC 表示該標記隻適用於 Netscape Communicator
  
·反對 表示該標記不為 W3C 所讚同,通常這標記是微軟或網景自訂,且已被大家支持,隻是 HTML 標準中有其它功能相同或更好的選擇。
  
·棄用 表示該標記已被 W3C 所拋棄,是過時的標記,但 HTML 有向下兼容性,所以瀏覽器仍然支持。
  
·新 表示該標記是 HTML 4.0 中新增的。

 

所有跟帖: 

<2> 表格標記 【HTML徹底剖析】製貼必讀 -夢一生- 給 夢一生 發送悄悄話 (69181 bytes) () 07/21/2005 postreply 00:35:49

<3> 字體標記 【HTML徹底剖析】 -夢一生- 給 夢一生 發送悄悄話 (35022 bytes) () 07/21/2005 postreply 00:40:42

<4> 排版標記 【HTML徹底剖析】 -夢一生- 給 夢一生 發送悄悄話 (45044 bytes) () 07/21/2005 postreply 00:44:49

<5> 文件標記 【HTML徹底剖析】 -夢一生- 給 夢一生 發送悄悄話 (7485 bytes) () 07/21/2005 postreply 01:03:04

眾裏尋她千百度 -路過歐洲- 給 路過歐洲 發送悄悄話 (0 bytes) () 07/22/2005 postreply 13:12:27

得來全不費工夫。嗬嗬。。 -夢一生- 給 夢一生 發送悄悄話 (0 bytes) () 07/22/2005 postreply 17:43:59

夢老辛苦了:)) -問好!- 給 問好! 發送悄悄話 (0 bytes) () 07/21/2005 postreply 00:58:15

嗬嗬,這是那位大仙這般不露聲色呀?~~ -夢一生- 給 夢一生 發送悄悄話 (0 bytes) () 07/21/2005 postreply 01:06:59

夢好,大講座啊,辛苦辛苦!!!問好! -落花嫻情- 給 落花嫻情 發送悄悄話 (0 bytes) () 07/21/2005 postreply 01:10:47

原來是月呀!一段沒來,總不能空手露臉。你也少見了? -夢一生- 給 夢一生 發送悄悄話 (0 bytes) () 07/21/2005 postreply 01:15:48

詳細極了。謝謝謝謝了。 -書童- 給 書童 發送悄悄話 (0 bytes) () 07/21/2005 postreply 13:13:09

書童好!我也是從來沒看到這麽詳細的介紹。 -夢一生- 給 夢一生 發送悄悄話 (0 bytes) () 07/22/2005 postreply 00:48:50

非常好,喜歡這類教材, 多謝了! -白鷺飛- 給 白鷺飛 發送悄悄話 白鷺飛 的博客首頁 (0 bytes) () 07/21/2005 postreply 18:56:05

鷺飛好!這個介紹可以是個很好的手冊。 -夢一生- 給 夢一生 發送悄悄話 (0 bytes) () 07/22/2005 postreply 00:52:49

非常好的HTML教程,多謝夢,辛苦了! -秋風落葉- 給 秋風落葉 發送悄悄話 秋風落葉 的博客首頁 (0 bytes) () 07/22/2005 postreply 06:15:44

請您先登陸,再發跟帖!