DIV CSS布局基礎(chǔ)：HTML標(biāo)記(六)_XHTML教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

本站將陸續(xù)推出一些關(guān)于HTML標(biāo)記的文章！

　　這些所介紹的HTML標(biāo)記不一定完全符合XHTML規(guī)范。各位在實(shí)際布局時(shí)應(yīng)有所取舍，如：B標(biāo)記，F(xiàn)ONT標(biāo)記，都是不符合XHTML規(guī)范的。在此不在一一羅列，相關(guān)知識(shí)請(qǐng)參考MB5U.com的其它文章。

附錄：

1、基本TAG元素
--------------------------------------------------------------------------
文件格式 <HTML></HTML> (HTML文件的開頭與結(jié)尾)
主題 <TITLE></TITLE> (必須放在文頭區(qū)段)
文頭區(qū)段 <HEAD></HEAD> (描述文件，如「主題」)
內(nèi)文區(qū)段 <BODY></BODY> (內(nèi)容所在)

2、與結(jié)構(gòu)相關(guān)的元素
--------------------------------------------------------------------------
標(biāo)題 <H?></H?> (有六種：H1,H2,H3,H4,H5,H6)
標(biāo)題對(duì)齊 <H? ALIGN=LEFT|CENTER|RIGHT></H?>
區(qū)段 <DIV></DIV>
區(qū)段對(duì)齊 <DIV ALIGN=LEFT|RIGHT|CENTER></DIV>
簡(jiǎn)短的引用 <Q> 與 </Q>
是對(duì)於一些引用的文件，假如引用的部分不長(zhǎng)。那麼可以考慮使用這一個(gè)標(biāo)簽，這一個(gè)標(biāo)簽是HTML3.0的新語法。
引文區(qū)段
<BLOCKQUOTE></BLOCKQUOTE>(顯示時(shí)通常會(huì)內(nèi)縮)blockquote是用來表示區(qū)域內(nèi)的文件是引用某個(gè)人或是某份文件內(nèi)的資料的。通常引用的文字假如利用<BLOCKQUOTE>與
</BLOCKQUOTE>來將它們標(biāo)記起來的話。那麼大部份的瀏覽器在讀這些字的時(shí)候就會(huì)以另一種方式來表示它。這樣的表示只是在提醒讀者們這是引用其他人的部分�！�

強(qiáng)調(diào) (通常以斜體顯示)
強(qiáng)烈強(qiáng)調(diào) (通常以黑體顯示) 這一個(gè)非凡加強(qiáng)語氣的字元是STRONG這個(gè)與
EM一樣都是加強(qiáng)語氣的用法而已。大部份的瀏覽器都用粗黑體來表示被與所標(biāo)記的字。
引用語句 <CITE></CITE> (通常以斜體顯示) 利用 <CITE> 與 </CITE> 將引用他人的話標(biāo)記起來
程序原碼 <CODE></CODE> 讀者假如寫的是一些電腦方面的東西，那麼可以利用CODE
這一個(gè)標(biāo)簽將一些相關(guān)的字眼標(biāo)記起來，使用的方式也是里用 <CODE> 與 </CODE> 將相關(guān)的字眼標(biāo)記。
程序輸出樣本<SAMP></SAMP> 不加修在 HTML 里面，假如您想印出 HTML
的語法。那麼讀者可能需要利用一些非凡的技巧來印這些字元。而在這些字元的外面，讀者就可以利用SAMP
這一個(gè)符號(hào)將它們標(biāo)記起來喔。這一個(gè)標(biāo)簽的特色是被標(biāo)記的文字都會(huì)用固定的寬度來表示。
鍵盤輸入 <KBD></KBD> KBD 這一個(gè)標(biāo)簽通常是用來告知讀者可以敲入哪些字，這些被標(biāo)記成
KBD的字通常都是以固定寬度的粗體字來表示。但是有些瀏覽器只是以固定寬度的字元來表示而已。
程序變量 <VAR></VAR> 對(duì)於一些可能改變的字HTML里面提供了一個(gè)
VAR的標(biāo)簽來展示它，這個(gè)標(biāo)簽的意思是對(duì)於那些可能輕易改變的變數(shù)或是字眼等等。可以使用<VAR> 及
<VAR>來標(biāo)記它們。這樣可以提醒使用者這些變數(shù)可能會(huì)有所改變。
定義 <DFN></DFN> (有些瀏覽器無此功能) 假如讀者在 HTML
里面所用到的是一些定義的字眼。那麼讀者可以考慮使用DFN這一個(gè)標(biāo)簽。假如讀者使用Mosaic瀏覽器。那麼被 <DFN> 與
</DFN>所標(biāo)記起來的文字將會(huì)用斜體字來表示。其它的瀏覽器則不一定。
作者地址 <ADDRESS></ADDRESS>
大字 <BIG></BIG>
小字 
語言 <LANG>
在一篇文件中，假如使用兩種以上的語言，那麼就可以使用<LANG>與</LANG>來將它標(biāo)記起來。這也是HTML3.0的新語法。
作者 (AU)
<AU>與</AU>并不是表示一般的AU檔案，這一個(gè)標(biāo)簽是說假如在讀者的文章中。有提到某些作者的話，那麼就可以一個(gè)標(biāo)簽將作者給標(biāo)記住。這也是
HTML 3.0非凡為作者所設(shè)計(jì)的一個(gè)標(biāo)簽喔。
個(gè)人
(PERSON)在很多的索引程式中，程式有時(shí)候會(huì)將一些資訊頁給展示出來，而在展示這些資訊頁的時(shí)候。假如有提到一些個(gè)人的名字。那麼就可以利用
<PERSON> 與 </PERSON>來將這些名字給標(biāo)記住。這一個(gè)語法也是 HTML 3.0 中新加入的語法。
數(shù)個(gè)單字組成的單字 (ACRONYM)
在英文中，有一些單字是由好幾個(gè)單字組合而成。假如讀者碰到這種單字，讀者可以考慮利用<ACRONYM>與
</ACRONYM>標(biāo)簽將它們給非凡的括住。雖然這是 HTML3.0中新的語法。但是對(duì)使用中文的我們來說，這樣的一個(gè)語法并沒有太大幫助。
縮寫 (ABBREV)與ACRONYM一樣，在英文中也有許多縮寫字HTML 3.0
也非凡為這些縮寫字取了一個(gè)新的標(biāo)簽，這一個(gè)新的標(biāo)簽叫做 <ABBREV>當(dāng)然它也有一個(gè)結(jié)束的符號(hào)叫做</ABBREV>。
插入 (INS)在HTML文件中，假如在原本舊有的文件中插入某個(gè)字，那麼讀者可以考慮使用<INS> 與
</INS>來將這一些字給標(biāo)記住。這樣可以方便讀者在查閱的時(shí)候知道這一份文件是不是有修正過。當(dāng)然，這種語法也是 HTML 3.0
中新加入的語法。
刪除 (DEL)這一個(gè)語法是要來告訴讀者將要?jiǎng)h除某些字，或是一些關(guān)於刪除的部分。這種，新的標(biāo)簽也是HTML3.0中出現(xiàn)的喔。

3、與顯示方式有關(guān)的TAG元素
--------------------------------------------------------------------------
粗體 
斜體 
畫底線 (有些瀏覽器無此功能)
刪除線 <STRIKE></STRIKE> (有些瀏覽器無此功能)
刪除線 <S></S> (有些瀏覽器無此功能)
下標(biāo)字 
上標(biāo)字 
打字機(jī)體 <TT></TT> (空白字元與其他文元之寬度相同的字體)
依據(jù)預(yù)定格式 <PRE></PRE> (保持文字間的相對(duì)位置)
預(yù)定格式的寬度 <PRE WIDTH=?></PRE> (以字元計(jì))
對(duì)中 <CENTER></CENTER> (文字與圖形都會(huì)對(duì)中)
閃爍 <BLINK></BLINK>
字體大小 (由 1到 7)
改變字體大小 
基本字體大小 <BASEFONT SIZE=?> (默認(rèn)值為 3)
字體顏色 
指定字形 
多欄位 <MULTICOL COLS=?></MULTICOL>
欄位內(nèi)文與邊緣間隔 <MULTICOL GUTTER=?></MULTICOL> (默認(rèn)值為10象素)
欄位寬度 <MULTICOL WIDTH=?></MULTICOL>
留白 <SPACER>
留白型態(tài) <SPACER TYPE=horizontal| vertical|block>
留白大小 <SPACER SIZE=?>
留白尺寸 <SPACER WIDTH=? HEIGHT=?>
留白位置 <SPACER ALIGN=left|right|center>

4、超文本連結(jié)與圖形元素
--------------------------------------------------------------------------
連結(jié)指定URL <A HREF="URL"></A>
連結(jié)到錨點(diǎn) <A HREF="URL#***"></A> (錨點(diǎn)在另一份文件)
<A HREF="#***"></A> (錨點(diǎn)在同一文件)
連結(jié)到指定之FRAME <A HREF="URL"
TARGET="***|_blank|_self|_parent|_top"></A>
設(shè)定「錨點(diǎn)」 <A NAME="***"></A>
正向關(guān)連 <A REL="***"></A> (有些瀏覽器無此功能)
反向關(guān)連 <A REV="***"></A> (有些瀏覽器無此功能)
顯示圖形 <IMG SRC="URL">
圖形位置 <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>
圖形位置 <IMG SRC="URL" ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>
替代圖形文字 <IMG SRC="URL" ALT="***"> (假如無法顯示圖形而顯示的文字)
可點(diǎn)選圖形 <IMG SRC="URL" ISMAP> (需要與.map文件配合)
客戶端端可點(diǎn)選圖形 <IMG SRC="URL" USEMAP="URL">
點(diǎn)選圖名稱 <MAP NAME="***"></MAP>
指定可點(diǎn)選區(qū)域<AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>
圖形尺寸 <IMG SRC="URL" WIDTH=? HEIGHT=?> (以象素為單位)描述圖形顯示的寬度和高度。
邊線大小 <IMG SRC="URL" BORDER=?> (以象素為單位) 圖形外的框線寬度。
四面留白 <IMG SRC="URL" HSPACE=? VSPACE=?> (以象素為單位)
vspace,hspace描述圖形和文字的垂直和水平間隔。
低解析度圖形 <IMG SRC="URL" LOWSRC="URL"> 用戶端定時(shí)更新 <META
HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">
Plug-in 物件 <EMBED SRC="URL"> (把Plug-in物件加入文件)
物件大小 <EMBED SRC="URL" WIDTH=? HEIGHT=?>

5、劃分段落TAG元素
--------------------------------------------------------------------------
段落 (結(jié)束標(biāo)記通�？墒÷�)
指定文字對(duì)齊方式
強(qiáng)迫斷行 
指定斷行後起點(diǎn) 
橫線 <HR>
橫線位置 <HR ALIGN=LEFT|RIGHT|CENTER>
橫線厚度（向下）<HR SIZE=?> (以象素為單位)
橫線長(zhǎng)度（向右）<HR WIDTH=?> (以象素為單位)
橫線比率寬度 <HR WIDTH="%"> (相對(duì)頁寬的百分比)
實(shí)線 <HR NOSHADE> (無凹凸立體效果)
不可斷行 
可斷行處 (視需要，可在此斷行)

6、列表元素<list>
--------------------------------------------------------------------------
無序列舉 <UL><LI></UL>
簡(jiǎn)潔化 <UL COMPACT></UL>
標(biāo)頭符號(hào)類型<UL TYPE=DISC|CIRCLE|SQUARE> (用于所有列舉項(xiàng))
<LI TYPE=DISC|CIRCLE|SQUARE> (本項(xiàng)及其後項(xiàng))
有序列舉 <OL><LI></OL>
簡(jiǎn)潔化 <OL COMPACT></OL>
數(shù)字型態(tài) <OL TYPE=A|a|I|i|1> (用於所有列舉項(xiàng))
<LI TYPE=A|a|I|i|1> (本項(xiàng)及其後項(xiàng))
起始數(shù)字 <OL START=?> (用於所有列舉項(xiàng))
<LI VALUE=?> (本項(xiàng)及其後項(xiàng))
定義式列舉 <DL><DT><DD></DL> (<DT>=定義項(xiàng)目, <DD>=定義內(nèi)容)
簡(jiǎn)潔化 <DL COMPACT></DL>
菜單式列舉 <MENU><LI></MENU> (<LI> 放在每一列舉項(xiàng)之前)
簡(jiǎn)潔化 <MENU COMPACT></MENU>
目錄式列舉 <DIR><LI></DIR> (<LI> 放在每一列舉項(xiàng)之前)
簡(jiǎn)潔化 <DIR COMPACT></DIR>

7、背景與顏色TAG元素
--------------------------------------------------------------------------
背景圖案 <BODY BACKGROUND="URL">
背景顏色 <BODY BGCOLOR="#$$$$$$">
文字顏色 <BODY TEXT="#$$$$$$">
未連接過點(diǎn)顏色 <BODY LINK="#$$$$$$">
連結(jié)過點(diǎn)的顏色 <BODY VLINK="#$$$$$$">
正連結(jié)點(diǎn)的顏色 <BODY ALINK="#$$$$$$">

8、非凡字符替換 (下列替代用標(biāo)記需用小寫)
--------------------------------------------------------------------------
非凡字符 &#?; ( ? 為 ISO 8859-1 碼)
< <
> >
& &
" "
Registered TM ?
Copyright ?
Non-Breaking Space

9、數(shù)學(xué)方程式 <math></math>
--------------------------------------------------------------------------
例一、
<math>
H(s)=∫0∞
esth(t)dt
</math>
例二、
<math>
C<box>dVout
<over>dt</box>=Ib
&tanh;(<box>κ(Vin
-Vout)<over>2</box>
</math> CdVoutdt=Ib &tanh;(κ(Vin-Vout)2
例三、
<math>
(<array align="C"><item>
&ldet;<array align="cc">
<item>x11
<item>x12
<item>x21
<item>x22
<array><rd>&rdet;
<item>y<item>z
</array>)</math> ,
從這三個(gè)例子中可以看到：
我們用&int表示“積分符號(hào)”，表示下標(biāo)，上標(biāo)；
<box>用以表示將要把后面的項(xiàng)目視作一個(gè)群體；<over>表除號(hào)。 <array>來處理矩陣的符號(hào)，<array
align=C|L|R>表項(xiàng)目中的位置中、左、右。項(xiàng)目以<item>加在數(shù)據(jù)的前面來表示。&Ldet表示行列式的左邊，&Rdet表行列式右邊。

（回車換行） 
（空格符）
&（AND符號(hào)） &
<（左尖括號(hào)、小于號(hào)） <
>（右尖括號(hào)、大于號(hào)） >
°（度） °
?（間隔符） ?
′ ′
" "
“ “
” ”
‰ ‰
← ←
↑ ↑
→ →
↓ ↓
? ?
√ √
∝ ∝
∞ ∞
∠ ∠
∧ ∧
∨ ∨
∩ ∩
∪ ∪
? ?
∫ ∫
∴ ∴
≈ ≈
￥（RMB）￥
≠ ≠
≡ ≡
≤ ≤
≥ ≥
⊕ ⊕
λ λ
μ μ
ν ν
ξ ξ
ν ν
ξ ξ
∏ ∏
∑ ∑
￥￥
… …
1（一次方符號(hào)） 1
2（平方符號(hào)） 2
3（立方符號(hào)） 3
（上標(biāo)情形） nr
（下標(biāo)情形） Ci
加粗 加粗
斜體 斜體
下劃線 下劃線
±（加減符號(hào)） ±
×（乘法符號(hào)） ×
÷（除法符號(hào)） ÷
?（版權(quán)所有） ?
?（注冊(cè)商標(biāo)） ?
?（商標(biāo)符號(hào)） ?
—（破折號(hào)） —