○HTML文件格式篇○
HTML為格式輸出定義許多元件,如粗體或斜體文件。
以下是一些範例,你可以自己練習。
○範例
文件格式〈Text formatting〉
這個範例示範如何在HTML文件中製作文件的格式。
<html>
<body>
<b>這份文件是粗體的(bold)</b><br>
<strong>這份文件是特別強調的(strong)</strong><br>
<i>這份文件是斜體的(italic)</i><br>
<em>這份文件是強調的(emphasized)</em><br>
<big>這份文件是大的(big)</big><br>
<small>這份文件是小的(small)</small><br>
這份文件有<sup>上標字(superscript)</sup><br>
這份文件有<sub>下標字(subscript)</sub><br>
</body>
</html>
預設格式文件〈Preformatted text〉
這個範例示範如何使用pre標籤控制斷行與空格。
<html>
<body>
<pre>
這是
預設格式文件。
它保留 空格
與斷行。
</pre>
<p>pre標籤常用於呈現電腦程式碼:</p>
<pre>
for i = 1 to 10
print i
next i
</pre>
</body>
</html>
〝電腦輸出〞〈Computer output〉標籤
這個範例示範不同的〝電腦輸出〞標籤如何呈現。
<html>
<body>
<code>電腦程式碼(Computer code)</code><br>
<kbd>鍵盤輸入(Keyboard input)</kbd><br>
<tt>電報文件(Teletype text)</tt><br>
<samp>樣本文件(Sample text)</samp><br>
<var>電腦變數(Computer variable)</var><br>
<p>
<b>注意:</b>這些標籤通常用於呈現電腦/程式碼。
</p>
</body>
</html>
地址〈Address〉
這個範例示範如何在HTML文件裡寫地址。
<html>
<body>
<address>
Jeanny Lei<br>
BOX 100<br>
Taipei, Taiwan<br>
R.O.C.
</address>
</body>
</html>
縮寫〈Abbreviations〉與頭字〈Acronyms〉
這個範例示範如何處理縮寫與頭字。
<html>
<body>
<abbr title="United Nations">
UN
</abbr><br>
<acronym title="World Wide Web">
WWW
</acronym>
<p>在某些瀏覽器裡,當你將滑鼠放在縮寫或頭字上,標題(title)屬性會顯示拼字版本(spelled-out version)。</p>
<p>IE瀏覽器只對頭字元件有效。</p>
</body>
</html>
文件方向〈direction〉
這個範例示範如何改變文字方向。
<html>
<body>
<p>
如果你的瀏覽器支援雙向顛倒(bdo, bi-directional override),文件行就會由右到左(rtl, right to left)倒著寫:
</p>
<bdo dir="rtl">
My name is Jeanny Lei
</bdo>
</body>
</html>
引述〈Quotations〉
這個範例示範如何處理長引述及短引述。
<html>
<body>
以下是一個長引述:
<blockquote>
這是一個長引述。這是一個長引述。這是一個長引述。這是一個長引述。這是一個長引述。
</blockquote>
以下是一個短引述:
<q>
這是一個短引述。
</q>
<p>
使用block quote元件時,瀏覽器會插入斷行與留白。但q元件就不會製造任何特殊效果。
</p>
</body>
</html>
刪除〈delete〉與插入〈insert〉文件
這個範例示範如何在文件中處理刪除與插入的效果。
<html>
<body>
<p>
一打是
<del>二十</del>
<ins>十二</ins>
個
</p>
<p>
大部分的瀏覽器會在刪除的文件上槓一條線,在插入的文件上劃底線。
</p>
<p>
有些舊的瀏覽器呈現刪除與插入的文件相同於一般文件。
</p>
</body>
</html>
○如何檢視HTML原始碼
你是否曾經看到一個網頁,想要知道它是怎麼寫出來的呢?
只要在瀏覽器的工具列按下檢視選項,選擇原始檔就可知道。它會打開一個視窗讓你看到這個網頁的HTML本文。
你可以將這個原始檔案儲存起來,當作你製作自己網頁的參考範本。
○文件格式標籤
NN代表Netscape、 IE代表Internet Explorer、 W3C代表網路標準
開始標籤 |
NN |
IE |
W3C |
目的 |
<b> |
3.0 |
3.0 |
3.2 |
定義粗體文件 |
<big> |
3.0 |
3.0 |
3.2 |
定義大文件 |
<em> |
3.0 |
3.0 |
3.2 |
定義強調文件 |
<i> |
3.0 |
3.0 |
3.2 |
定義斜體文件 |
<small> |
3.0 |
3.0 |
3.2 |
定義小文件 |
<strong> |
3.0 |
3.0 |
3.2 |
定義特別強調文件 |
<sub> |
3.0 |
3.0 |
3.2 |
定義下標文文件 |
<sup> |
3.0 |
3.0 |
3.2 |
定義上標文文件 |
<ins> |
|
4.0 |
4.0 |
定義插入文件 |
<del> |
|
4.0 |
4.0 |
定義刪除文件 |
<s> |
|
|
|
作廢。以<del>取代 |
<strike> |
|
|
|
作廢。<del>取代 |
<u> |
|
|
|
作廢。以styles取代 |
○〝電腦輸出〞標籤
NN代表Netscape、 IE代表Internet Explorer、 W3C代表網路標準
開始標籤 |
NN |
IE |
W3C |
目的 |
<code> |
3.0 |
3.0 |
3.2 |
定義電腦程式碼文件 |
<kbd> |
3.0 |
3.0 |
3.2 |
定義鍵盤文件 |
<samp> |
3.0 |
3.0 |
3.2 |
定義電腦程式碼樣本 |
<tt> |
3.0 |
3.0 |
3.2 |
定義電報文件 |
<var> |
3.0 |
3.0 |
3.2 |
定義一個變數 |
<pre> |
3.0 |
3.0 |
3.0 |
定義預設格式文件 |
<listing> |
|
|
|
作廢。以<pre>取代 |
<plaintext> |
|
|
|
作廢。以<pre>取代 |
<xmp> |
|
|
|
作廢。以<pre>取代 |
○引述,引證,定義標籤
NN代表Netscape、 IE代表Internet Explorer、 W3C代表網路標準
開始標籤 |
NN |
IE |
W3C |
目的 |
<abbr> |
|
|
4.0 |
定義縮寫 |
<acronym> |
|
4.0 |
4.0 |
定義頭字 |
<address> |
4.0 |
4.0 |
4.0 |
定義地址元件 |
<bdo> |
|
|
4.0 |
定義文件方向 |
<blockquote> |
3.0 |
3.0 |
3.2 |
定義長引述 |
<q> |
|
4.0 |
4.0 |
定義短引述 |
<cite> |
3.0 |
3.0 |
3.2 |
定義引證 |
<dfn> |
|
3.0 |
3.2 |
定義一個定義名詞 |
|