HTML教程:收集的常用的HTML標簽(6)

2024-08-26 00:09:01

字體：大中小

來源：轉載

供稿：網友

相關文章：初學者接觸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>來將它們標記起來的話。那麼大部份的瀏覽器在讀這些字的時候就會以另一種方式來表示它。這樣的表示只是在提醒讀者們這是引用其他人的部分?！?nbsp;

強調 (通常以斜體顯示)
強烈強調 (通常以黑體顯示) 這一個特別加強語氣的字元是strong這個與
em一樣都是加強語氣的用法而已。大部份的瀏覽器都用粗黑體來表示被與所標記的字。
引用語句 <cite></cite> (通常以斜體顯示) 利用 <cite> 與 </cite> 將引用他人的話標記起來
程序原碼 <code></code> 讀者如果寫的是一些電腦方面的東西，那麼可以利用code
這一個標簽將一些相關的字眼標記起來，使用的方式也是里用 <code> 與 </code> 將相關的字眼標記。
程序輸出樣本<samp></samp> 不加修在 html 里面，如果您想印出 html
的語法。那麼讀者可能需要利用一些特殊的技巧來印這些字元。而在這些字元的外面，讀者就可以利用samp
這一個符號將它們標記起來喔。這一個標簽的特色是被標記的文字都會用固定的寬度來表示。
鍵盤輸入 <kbd></kbd> kbd 這一個標簽通常是用來告知讀者可以敲入哪些字，這些被標記成
kbd的字通常都是以固定寬度的粗體字來表示。但是有些瀏覽器只是以固定寬度的字元來表示而已。
程序變量 <var></var> 對於一些可能改變的字html里面提供了一個
var的標簽來展示它，這個標簽的意思是對於那些可能容易改變的變數或是字眼等等?？梢允褂?lt;var> 及
<var>來標記它們。這樣可以提醒使用者這些變數可能會有所改變。
定義 <dfn></dfn> (有些瀏覽器無此功能) 如果讀者在 html
里面所用到的是一些定義的字眼。那麼讀者可以考慮使用dfn這一個標簽。如果讀者使用mosaic瀏覽器。那麼被 <dfn> 與
</dfn>所標記起來的文字將會用斜體字來表示。其它的瀏覽器則不一定。
作者地址 <address></address>
大字 <big></big>
小字 
語言 <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元素
--------------------------------------------------------------------------
粗體 
斜體 
畫底線 (有些瀏覽器無此功能)
刪除線 <strike></strike> (有些瀏覽器無此功能)
刪除線 <s></s> (有些瀏覽器無此功能)
下標字 
上標字 
打字機體 <tt></tt> (空白字元與其他文元之寬度相同的字體)
依據預定格式 <pre></pre> (保持文字間的相對位置)
預定格式的寬度 <pre width=?></pre> (以字元計)
對中 <center></center> (文字與圖形都會對中)
閃爍 <blink></blink>
字體大小 (由 1到 7)
改變字體大小 
基本字體大小 <basefont size=?> (默認值為 3)
字體顏色 
指定字形 
多欄位 <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元素
--------------------------------------------------------------------------
段落 (結束標記通?？墒÷?
指定文字對齊方式
強迫斷行 
指定斷行後起點 
橫線 <hr>
橫線位置 <hr align=left|right|center>
橫線厚度（向下）<hr size=?> (以象素為單位)
橫線長度（向右）<hr width=?> (以象素為單位)
橫線比率寬度 <hr width="%"> (相對頁寬的百分比)
實線 <hr noshade> (無凹凸立體效果)
不可斷行 
可斷行處 (視需要，可在此斷行)

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)=∫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> ,
從這三個例子中可以看到：
我們用&int表示“積分符號”，表示下標，上標；
<box>用以表示將要把后面的項目視作一個群體；<over>表除號。 <array>來處理矩陣的符號，<array
align=c|l|r>表項目中的位置中、左、右。項目以<item>加在數據的前面來表示。&ldet表示行列式的左邊，&rdet表行列式右邊。

（回車換行） 
（空格符）
&（and符號） &
<（左尖括號、小于號） <
>（右尖括號、大于號） >
°（度） °
?（間隔符） •
′ ´
" "
“ “
” ”
‰ ‰
← ←
↑ ↑
→ →
↓ ↓
? ↔
√ √
∝ ∝
∞ ∞
∠ ∠
∧ ∧
∨ ∨
∩ ∩
∪ ∪
? ø
∫ ∫
∴ ∴
≈ ≈
￥（rmb） ¥
≠ ≠
≡ ≡
≤ ≤
≥ ≥
⊕ ⊕
λ λ
μ μ
ν ν
ξ ξ
ν ν
ξ ξ
∏ ∏
∑ ∑
￥ ¥
… …
1（一次方符號） ¹
2（平方符號） ²
3（立方符號） ³
（上標情形） nr
（下標情形） ci
加粗 加粗
斜體 斜體
下劃線 下劃線
±（加減符號） ±
×（乘法符號） ×
÷（除法符號） ÷
?（版權所有） ©
?（注冊商標） ®
?（商標符號） ™
—（破折號） —