HTML教程:收集的常用的HTML標(biāo)簽(6)
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2008-10-17 18:57:27 作者:佚名
我要評(píng)論

相關(guān)文章:初學(xué)者接觸HTML了解一些HTML標(biāo)記(5)
這些所介紹的HTML標(biāo)記不一定完全符合XHTML規(guī)范。各位在實(shí)際布局時(shí)應(yīng)有所取舍,如:B標(biāo)記,F(xiàn)ONT標(biāo)記,都是不符合XHTML規(guī)范的。
1、基本TAG元素
-----------------------------------------------------------------
相關(guān)文章:初學(xué)者接觸HTML了解一些HTML標(biāo)記(5)
這些所介紹的HTML標(biāo)記不一定完全符合XHTML規(guī)范。各位在實(shí)際布局時(shí)應(yīng)有所取舍,如:B標(biāo)記,F(xiàn)ONT標(biāo)記,都是不符合XHTML規(guī)范的。
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的新語(yǔ)法。
引文區(qū)段
<BLOCKQUOTE></BLOCKQUOTE>(顯示時(shí)通常會(huì)內(nèi)縮)blockquote是用來表示區(qū)域內(nèi)的文件是引用某個(gè)人或是某份文件內(nèi)的資料的。通常引用的文字如果利用<BLOCKQUOTE>與
</BLOCKQUOTE>來將它們標(biāo)記起來的話。那麼大部份的瀏覽器在讀這些字的時(shí)候就會(huì)以另一種方式來表示它。這樣的表示只是在提醒讀者們這是引用其他人的部分。
強(qiáng)調(diào) <EM></EM> (通常以斜體顯示)
強(qiáng)烈強(qiáng)調(diào) <STRONG></STRONG>(通常以黑體顯示) 這一個(gè)特別加強(qiáng)語(yǔ)氣的字元是STRONG這個(gè)與
EM一樣都是加強(qiáng)語(yǔ)氣的用法而已。大部份的瀏覽器都用粗黑體來表示被<STRONG>與</STRONG>所標(biāo)記的字。
引用語(yǔ)句 <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
的語(yǔ)法。那麼讀者可能需要利用一些特殊的技巧來印這些字元。而在這些字元的外面,讀者就可以利用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ù)或是字眼等等??梢允褂?lt;VAR> 及
<VAR>來標(biāo)記它們。這樣可以提醒使用者這些變數(shù)可能會(huì)有所改變。
定義 <DFN></DFN> (有些瀏覽器無此功能) 如果讀者在 HTML
里面所用到的是一些定義的字眼。那麼讀者可以考慮使用DFN這一個(gè)標(biāo)簽。如果讀者使用Mosaic瀏覽器。那麼被 <DFN> 與
</DFN>所標(biāo)記起來的文字將會(huì)用斜體字來表示。其它的瀏覽器則不一定。
作者地址 <ADDRESS></ADDRESS>
大字 <BIG></BIG>
小字 <SMALL></SMALL>
語(yǔ)言 <LANG>
在一篇文件中,如果使用兩種以上的語(yǔ)言,那麼就可以使用<LANG>與</LANG>來將它標(biāo)記起來。這也是HTML3.0的新語(yǔ)法。
作者 (AU)
<AU>與</AU>并不是表示一般的AU檔案,這一個(gè)標(biāo)簽是說如果在讀者的文章中。有提到某些作者的話,那麼就可以一個(gè)標(biāo)簽將作者給標(biāo)記住。這也是
HTML 3.0特別為作者所設(shè)計(jì)的一個(gè)標(biāo)簽喔。
個(gè)人
(PERSON)在很多的索引程式中,程式有時(shí)候會(huì)將一些資訊頁(yè)給展示出來,而在展示這些資訊頁(yè)的時(shí)候。如果有提到一些個(gè)人的名字。那麼就可以利用
<PERSON> 與 </PERSON>來將這些名字給標(biāo)記住。這一個(gè)語(yǔ)法也是 HTML 3.0 中新加入的語(yǔ)法。
數(shù)個(gè)單字組成的單字 (ACRONYM)
在英文中,有一些單字是由好幾個(gè)單字組合而成。如果讀者碰到這種單字,讀者可以考慮利用<ACRONYM>與
</ACRONYM>標(biāo)簽將它們給特別的括住。雖然這是 HTML3.0中新的語(yǔ)法。但是對(duì)使用中文的我們來說,這樣的一個(gè)語(yǔ)法并沒有太大幫助。
縮寫 (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)然,這種語(yǔ)法也是 HTML 3.0
中新加入的語(yǔ)法。
刪除 (DEL)這一個(gè)語(yǔ)法是要來告訴讀者將要?jiǎng)h除某些字,或是一些關(guān)於刪除的部分。這種,新的標(biāo)簽也是HTML3.0中出現(xiàn)的喔。
3、與顯示方式有關(guān)的TAG元素
--------------------------------------------------------------------------
粗體 <B></B>
斜體 <I></I>
畫底線 <U></U> (有些瀏覽器無此功能)
刪除線 <STRIKE></STRIKE> (有些瀏覽器無此功能)
刪除線 <S></S> (有些瀏覽器無此功能)
下標(biāo)字 <SUB></SUB>
上標(biāo)字 <SUP></SUP>
打字機(jī)體 <TT></TT> (空白字元與其他文元之寬度相同的字體)
依據(jù)預(yù)定格式 <PRE></PRE> (保持文字間的相對(duì)位置)
預(yù)定格式的寬度 <PRE WIDTH=?></PRE> (以字元計(jì))
對(duì)中 <CENTER></CENTER> (文字與圖形都會(huì)對(duì)中)
閃爍 <BLINK></BLINK>
字體大小 <FONT SIZE=?></FONT> (由 1到 7)
改變字體大小 <FONT SIZE=" |-?"></FONT>
基本字體大小 <BASEFONT SIZE=?> (默認(rèn)值為 3)
字體顏色 <FONT COLOR="#$$$$$$"></FONT>
指定字形 <FONT FACE="***"></FONT>
多欄位 <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元素
--------------------------------------------------------------------------
段落 <P></P> (結(jié)束標(biāo)記</p>通??墒÷?
指定文字對(duì)齊方式<P ALIGN=LEFT|CENTER|RIGHT></P>
強(qiáng)迫斷行 <BR>
指定斷行後起點(diǎn) <BR CLEAR=LEFT|RIGHT|ALL>
橫線 <HR>
橫線位置 <HR ALIGN=LEFT|RIGHT|CENTER>
橫線厚度(向下)<HR SIZE=?> (以象素為單位)
橫線長(zhǎng)度(向右)<HR WIDTH=?> (以象素為單位)
橫線比率寬度 <HR WIDTH="%"> (相對(duì)頁(yè)寬的百分比)
實(shí)線 <HR NOSHADE> (無凹凸立體效果)
不可斷行 <NOBR></NOBR>
可斷行處 <WBR> (視需要,可在此斷行)
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)=∫<sub>0</sub><sup>∞
</sup>e<sup>st</sup>h(t)dt
</math>
例二、
<math>
C<box>dV<sub>out</sub>
<over>dt</box>=I<sub>b</sub>
&tanh;(<box>κ(V<sub>in
</sub>-V<sub>out</sub>)<over>2</box>
</math> CdVoutdt=Ib &tanh;(κ(Vin-Vout)2
例三、
<math>
(<array align="C"><item>
&ldet;<array align="cc">
<item>x<sub>11</sub>
<item>x<sub>12</sub>
<item>x<sub>21</sub>
<item>x<sub>22</sub>
<array><rd>&rdet;
<item>y<item>z
</array>)</math> ,
從這三個(gè)例子中可以看到:
我們用&int表示“積分符號(hào)”,<sub>表示下標(biāo),<sup>上標(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表行列式右邊。
(回車換行) <br>
(空格符)
&(AND符號(hào)) &
<(左尖括號(hào)、小于號(hào)) <
>(右尖括號(hào)、大于號(hào)) >
°(度) °
?(間隔符) •
′ ´
" "
“ “
” ”
‰ ‰
← ←
↑ ↑
→ →
↓ ↓
? ↔
√ √
∝ ∝
∞ ∞
∠ ∠
∧ ∧
∨ ∨
∩ ∩
∪ ∪
? Ø
∫ ∫
∴ ∴
≈ ≈
¥(RMB) ¥
≠ ≠
≡ ≡
≤ ≤
≥ ≥
⊕ ⊕
λ λ
μ μ
ν ν
ξ ξ
ν ν
ξ ξ
∏ ∏
∑ ∑
¥ ¥
… …
1(一次方符號(hào)) ¹
2(平方符號(hào)) ²
3(立方符號(hào)) ³
(上標(biāo)情形) n<sup>r</sup>
(下標(biāo)情形) C<sub>i</sub>
加粗 <b>加粗</b>
斜體 <i>斜體</i>
下劃線 <u>下劃線</u>
±(加減符號(hào)) ±
×(乘法符號(hào)) ×
÷(除法符號(hào)) ÷
?(版權(quán)所有) ©
?(注冊(cè)商標(biāo)) ®
?(商標(biāo)符號(hào)) ™
—(破折號(hào)) —
相關(guān)文章
- HTML表格用于在網(wǎng)頁(yè)上展示數(shù)據(jù),通過標(biāo)簽及其相關(guān)標(biāo)簽來創(chuàng)建,表格由行和列組成,每一行包含一個(gè)或多個(gè)單元格,單元格可以包含文本、圖像、鏈接等元素,本文將詳細(xì)介紹HTML表格2025-03-12
- 本文介紹了三種禁止HTML頁(yè)面滾動(dòng)的方法:通過CSS的overflow屬性、使用JavaScript的滾動(dòng)事件監(jiān)聽器以及使用CSS的position:fixed屬性,每種方法都有其適用場(chǎng)景和優(yōu)缺點(diǎn),感興2025-02-24
使用HTML和CSS實(shí)現(xiàn)文字鏤空效果的代碼示例
在 Web 開發(fā)中,文本的視覺效果是提升用戶體驗(yàn)的重要因素之一,通過 CSS 技巧,我們可以創(chuàng)造出許多獨(dú)特的效果,例如文字鏤空效果,本文將帶你一步一步實(shí)現(xiàn)一個(gè)簡(jiǎn)單的文字鏤空2024-11-17Html去除a標(biāo)簽的默認(rèn)樣式的操作代碼
在Html中,a標(biāo)簽?zāi)J(rèn)的超鏈接樣式是藍(lán)色字體配下劃線,這可能不滿足所有設(shè)計(jì)需求,如需去除這些默認(rèn)樣式,可以通過CSS來實(shí)現(xiàn),本文給大家介紹Html去除a標(biāo)簽的默認(rèn)樣式的操作代碼2024-09-25HTML文本域如何設(shè)置為禁止用戶手動(dòng)拖動(dòng)
在HTML中,可以通過設(shè)置CSS的resize屬性為none,來禁止用戶手動(dòng)拖動(dòng)文本域(textarea)的大小,這種方法簡(jiǎn)單有效,適用于大多數(shù)現(xiàn)代瀏覽器,但需要在老舊瀏覽器中進(jìn)行測(cè)試以確保2024-09-25如何通過HTML/CSS 實(shí)現(xiàn)各類進(jìn)度條的功能
本文詳細(xì)介紹了如何利用HTML和CSS實(shí)現(xiàn)多種風(fēng)格的進(jìn)度條,包括基礎(chǔ)的水平進(jìn)度條、環(huán)形進(jìn)度條以及球形進(jìn)度條等,還探討了如何通過動(dòng)畫增強(qiáng)視覺效果,內(nèi)容涵蓋了使用HTML原生標(biāo)簽2024-09-19HTML中Canvas關(guān)鍵知識(shí)點(diǎn)總結(jié)
Canvas 提供了一套強(qiáng)大的 2D 繪圖 API,適用于各種圖形繪制、圖像處理和動(dòng)畫制作,可以幫助你創(chuàng)建復(fù)雜且高效的網(wǎng)頁(yè)圖形應(yīng)用,這篇文章主要介紹了HTML中Canvas關(guān)鍵知識(shí)點(diǎn)總結(jié)2024-06-03html table+css實(shí)現(xiàn)可編輯表格的示例代碼
本文主要介紹了html table+css實(shí)現(xiàn)可編輯表格的示例代碼,主要使用HTML5的contenteditable屬性,文中通過示例代碼介紹的非常詳細(xì),需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)2024-03-06HTML中使用Flex布局實(shí)現(xiàn)雙行夾批效果
本文主要介紹了HTML中使用Flex布局實(shí)現(xiàn)雙行夾批效果,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)2024-02-22HTML+CSS實(shí)現(xiàn)炫酷登錄切換的項(xiàng)目實(shí)踐
在網(wǎng)站開發(fā)中,登錄頁(yè)面是必不可少的一部分,本文就來介紹一下HTML+CSS實(shí)現(xiàn)登錄切換,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需2024-02-02