DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML教程:收集的常用的HTML標簽(6)
HTML教程:收集的常用的HTML標簽(6)
編輯:HTML和Xhtml     

這些所介紹的HTML標記不一定完全符合XHTML規范。各位在實際布局時應有所取捨,如:B標記,FONT標記,都是不符合XHTML規范的。
相關文章:初學者接觸HTML了解一些HTML標記(5)
  這些所介紹的HTML標記不一定完全符合XHTML規范。各位在實際布局時應有所取捨,如:B標記,FONT標記,都是不符合XHTML規范的。
1、基本TAG元素
--------------------------------------------------------------------------
文件格式 <HTML></HTML> (HTML文件的開頭與結尾)
主題 <TITLE></TITLE> (必須放在文頭區段)
文頭區段 <HEAD></HEAD> (描述文件,如「主題」)
內文區段 <BODY></BODY> (內容所在)
2、與結構相關的元素
--------------------------------------------------------------------------
標題 <H?></H?> (有六種:H1,H2,H3,H4,H5,H6)
標題對齊 <H? ALIGN=LEFT|CENTER|RIGHT></H?>
區段 <DIV></DIV>
區段對齊 <DIV ALIGN=LEFT|RIGHT|CENTER></DIV>
簡短的引用 <Q> 與 </Q>
是對於一些引用的文件,如果引用的部分不長。那麽可以考慮使用這一個標簽,這一個標簽是HTML3.0的新語法。
引文區段
<BLOCKQUOTE></BLOCKQUOTE>(顯示時通常會內縮)blockquote是用來表示區域內的文件是引用某個人或是某份文件內的資料的。通常引用的文字如果利用<BLOCKQUOTE>與
</BLOCKQUOTE>來將它們標記起來的話。那麽大部份的浏覽器在讀這些字的時候就會以另一種方式來表示它。這樣的表示只是在提醒讀者們這是引用其他人的部分。 
強調 <EM></EM> (通常以斜體顯示)
強烈強調 <STRONG></STRONG>(通常以黑體顯示) 這一個特別加強語氣的字元是STRONG這個與
EM一樣都是加強語氣的用法而已。大部份的浏覽器都用粗黑體來表示被<STRONG>與</STRONG>所標記的字。
引用語句 <CITE></CITE> (通常以斜體顯示) 利用 <CITE> 與 </CITE> 將引用他人的話標記起來
程序原碼 <CODE></CODE> 讀者如果寫的是一些電腦方面的東西,那麽可以利用CODE
這一個標簽將一些相關的字眼標記起來,使用的方式也是裡用 <CODE> 與 </CODE> 將相關的字眼標記。
程序輸出樣本<SAMP></SAMP> 不加修在 HTML 裡面,如果您想印出 HTML
的語法。那麽讀者可能需要利用一些特殊的技巧來印這些字元。而在這些字元的外面,讀者就可以利用SAMP
這一個符號將它們標記起來喔。這一個標簽的特色是被標記的文字都會用固定的寬度來表示。
鍵盤輸入 <KBD></KBD> KBD 這一個標簽通常是用來告知讀者可以敲入哪些字,這些被標記成
KBD的字通常都是以固定寬度的粗體字來表示。但是有些浏覽器只是以固定寬度的字元來表示而已。
程序變量 <VAR></VAR> 對於一些可能改變的字HTML裡面提供了一個
VAR的標簽來展示它,這個標簽的意思是對於那些可能容易改變的變數或是字眼等等。可以使用<VAR> 及
<VAR>來標記它們。這樣可以提醒使用者這些變數可能會有所改變。
定義 <DFN></DFN> (有些浏覽器無此功能) 如果讀者在 HTML
裡面所用到的是一些定義的字眼。那麽讀者可以考慮使用DFN這一個標簽。如果讀者使用Mosaic浏覽器。那麽被 <DFN> 與
</DFN>所標記起來的文字將會用斜體字來表示。其它的浏覽器則不一定。
作者地址 <ADDRESS></ADDRESS>
大字 <BIG></BIG>
小字 <SMALL></SMALL>
語言 <LANG>
在一篇文件中,如果使用兩種以上的語言,那麽就可以使用<LANG>與</LANG>來將它標記起來。這也是HTML3.0的新語法。
作者 (AU)
<AU>與</AU>並不是表示一般的AU檔案,這一個標簽是說如果在讀者的文章中。有提到某些作者的話,那麽就可以一個標簽將作者給標記住。這也是
HTML 3.0特別為作者所設計的一個標簽喔。
個人
(PERSON)在很多的索引程式中,程式有時候會將一些資訊頁給展示出來,而在展示這些資訊頁的時候。如果有提到一些個人的名字。那麽就可以利用
<PERSON> 與 </PERSON>來將這些名字給標記住。這一個語法也是 HTML 3.0 中新加入的語法。
數個單字組成的單字 (ACRONYM)
在英文中,有一些單字是由好幾個單字組合而成。如果讀者碰到這種單字,讀者可以考慮利用<ACRONYM>與
</ACRONYM>標簽將它們給特別的括住。雖然這是 HTML3.0中新的語法。但是對使用中文的我們來說,這樣的一個語法並沒有太大幫助。
縮寫 (ABBREV)與ACRONYM一樣,在英文中也有許多縮寫字HTML 3.0
也特別為這些縮寫字取了一個新的標簽,這一個新的標簽叫做 <ABBREV>當然它也有一個結束的符號叫做</ABBREV>。
插入 (INS)在HTML文件中,如果在原本舊有的文件中插入某個字,那麽讀者可以考慮使用<INS> 與
</INS>來將這一些字給標記住。這樣可以方便讀者在查閱的時候知道這一份文件是不是有修正過。當然,這種語法也是 HTML 3.0
中新加入的語法。
刪除 (DEL)這一個語法是要來告訴讀者將要刪除某些字,或是一些關於刪除的部分。這種,新的標簽也是HTML3.0中出現的喔。
3、與顯示方式有關的TAG元素
--------------------------------------------------------------------------
粗體 <B></B>
斜體 <I></I>
畫底線 <U></U> (有些浏覽器無此功能)
刪除線 <STRIKE></STRIKE> (有些浏覽器無此功能)
刪除線 <S></S> (有些浏覽器無此功能)
下標字 <SUB></SUB>
上標字 <SUP></SUP>
打字機體 <TT></TT> (空白字元與其他文元之寬度相同的字體)
依據預定格式 <PRE></PRE> (保持文字間的相對位置)
預定格式的寬度 <PRE WIDTH=?></PRE> (以字元計)
對中 <CENTER></CENTER> (文字與圖形都會對中)
閃爍 <BLINK></BLINK>
字體大小 <FONT SIZE=?></FONT> (由 1到 7)
改變字體大小 <FONT SIZE=" |-?"></FONT>
基本字體大小 <BASEFONT SIZE=?> (默認值為 3)
字體顏色 <FONT COLOR="#$$$$$$"></FONT>
指定字形 <FONT FACE="***"></FONT>
多欄位 <MULTICOL COLS=?></MULTICOL>
欄位內文與邊緣間隔 <MULTICOL GUTTER=?></MULTICOL> (默認值為10象素)
欄位寬度 <MULTICOL WIDTH=?></MULTICOL>
留白 <SPACER>
留白型態 <SPACER TYPE=horizontal| vertical|block>
留白大小 <SPACER SIZE=?>
留白尺寸 <SPACER WIDTH=? HEIGHT=?>
留白位置 <SPACER ALIGN=left|right|center>
4、超文本連結與圖形元素
--------------------------------------------------------------------------
連結指定URL <A HREF="URL"></A>
連結到錨點 <A HREF="URL#***"></A> (錨點在另一份文件)
<A HREF="#***"></A> (錨點在同一文件)
連結到指定之FRAME <A HREF="URL"
TARGET="***|_blank|_self|_parent|_top"></A>
設定「錨點」 <A NAME="***"></A>
正向關連 <A REL="***"></A> (有些浏覽器無此功能)
反向關連 <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="***"> (如果無法顯示圖形而顯示的文字)
可點選圖形 <IMG SRC="URL" ISMAP> (需要與.map文件配合)
客戶端端可點選圖形 <IMG SRC="URL" USEMAP="URL">
點選圖名稱 <MAP NAME="***"></MAP>
指定可點選區域<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"> 用戶端定時更新 <META
HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">
Plug-in 物件 <EMBED SRC="URL"> (把Plug-in物件加入文件)
物件大小 <EMBED SRC="URL" WIDTH=? HEIGHT=?>
5、劃分段落TAG元素
--------------------------------------------------------------------------
段落 <P></P> (結束標記</p>通常可省略)
指定文字對齊方式<P ALIGN=LEFT|CENTER|RIGHT></P>
強迫斷行 <BR>
指定斷行後起點 <BR CLEAR=LEFT|RIGHT|ALL>
橫線 <HR>
橫線位置 <HR ALIGN=LEFT|RIGHT|CENTER>
橫線厚度(向下)<HR SIZE=?> (以象素為單位)
橫線長度(向右)<HR WIDTH=?> (以象素為單位)
橫線比率寬度 <HR WIDTH="%"> (相對頁寬的百分比)
實線 <HR NOSHADE> (無凹凸立體效果)
不可斷行 <NOBR></NOBR>
可斷行處 <WBR> (視需要,可在此斷行)
6、列表元素<list>
--------------------------------------------------------------------------
無序列舉 <UL><LI></UL>
簡潔化 <UL COMPACT></UL>
標頭符號類型<UL TYPE=DISC|CIRCLE|SQUARE> (用於所有列舉項)
<LI TYPE=DISC|CIRCLE|SQUARE> (本項及其後項)
有序列舉 <OL><LI></OL>
簡潔化 <OL COMPACT></OL>
數字型態 <OL TYPE=A|a|I|i|1> (用於所有列舉項)
<LI TYPE=A|a|I|i|1> (本項及其後項)
起始數字 <OL START=?> (用於所有列舉項)
<LI VALUE=?> (本項及其後項)
定義式列舉 <DL><DT><DD></DL> (<DT>=定義項目, <DD>=定義內容)
簡潔化 <DL COMPACT></DL>
菜單式列舉 <MENU><LI></MENU> (<LI> 放在每一列舉項之前)
簡潔化 <MENU COMPACT></MENU>
目錄式列舉 <DIR><LI></DIR> (<LI> 放在每一列舉項之前)
簡潔化 <DIR COMPACT></DIR>
7、背景與顏色TAG元素
--------------------------------------------------------------------------
背景圖案 <BODY BACKGROUND="URL">
背景顏色 <BODY BGCOLOR="#$$$$$$">
文字顏色 <BODY TEXT="#$$$$$$">
未連接過點顏色 <BODY LINK="#$$$$$$">
連結過點的顏色 <BODY VLINK="#$$$$$$">
正連結點的顏色 <BODY ALINK="#$$$$$$">
8、特殊字符替換 (下列替代用標記需用小寫)
--------------------------------------------------------------------------
特殊字符 &#?; ( ? 為 ISO 8859-1 碼)
< <
> >
& &
" "
Registered TM ?
Copyright ?
Non-Breaking Space
9、數學方程式 <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> ,
從這三個例子中可以看到:
我們用&int表示“積分符號”,<sub>表示下標,<sup>上標;
<box>用以表示將要把後面的項目視作一個群體;<over>表除號。 <array>來處理矩陣的符號,<array
align=C|L|R>表項目中的位置中、左、右。項目以<item>加在數據的前面來表示。&Ldet表示行列式的左邊,&Rdet表行列式右邊。
(回車換行) <br>
(空格符)
&(AND符號) &
<(左尖括號、小於號) <
>(右尖括號、大於號) >
°(度) °
?(間隔符) •
′ ´
" "
“ “
” ”
‰ ‰
← ←
↑ ↑
→ →
↓ ↓
? ↔
√ √
∝ ∝
∞ ∞
∠ ∠
∧ ∧
∨ ∨
∩ ∩
∪ ∪
? Ø
∫ ∫
∴ ∴
≈ ≈
¥(RMB) ¥
≠ ≠
≡ ≡
≤ ≤
≥ ≥
⊕ ⊕
λ λ
μ μ
ν ν
ξ ξ
ν ν
ξ ξ
∏ ∏
∑ ∑
¥ ¥
… …
1(一次方符號) ¹
2(平方符號) ²
3(立方符號) ³
(上標情形) n<sup>r</sup>
(下標情形) C<sub>i</sub>
加粗 <b>加粗</b>
斜體 <i>斜體</i>
下劃線 <u>下劃線</u>
±(加減符號) ±
×(乘法符號) ×
÷(除法符號) ÷
?(版權所有) ©
?(注冊商標) ®
?(商標符號) ™
—(破折號) —
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved