基本HTML
   

 

〈HTML〉...〈/HTML〉:表示這整份文件的開始與結束,可省略。

〈HEAD〉...〈/HEAD〉:這組標籤內可放入文件標題,如下〈HEAD〉〈TITLE〉...〈/TITLE〉〈/HEAD〉。

〈TITLE〉...〈/TITLE〉:文件標題,通常瀏覽器會顯示在視窗的左上角。

〈BODY〉...〈/BODY〉:文件主體,也就是想要顯示在瀏覽器中的文件內容。

〈Hn〉...〈/Hn〉:n=1~6,例:〈H5〉一級棒〈/H5〉=

一級棒

,〈H2〉一級棒〈/H2〉=

一級棒

〈FONT SIZE=〉...〈/FONT〉:字體大小變化,SIZE=1~ 7,內定SIZE=3,例:〈FONT SIZE=5〉好〈/FONT〉=;〈FONT SIZE=-1〉好〈/FONT〉=,可用 + -符號來變化。

〈P〉...〈/P〉:表示一個段落。例:〈P〉山上〈/P〉〈P〉海灣〈/P〉=
山上

海灣

〈BR〉:加在文字後面,表示要換行。例:山上<BR>海灣=
山上
海灣

〈B〉...〈/B〉:文字變粗體。例:一般〈B〉粗體〈/B〉=一般 粗體

〈I〉...〈/I〉:文字變斜體。例:一般〈I〉斜體〈/I〉一般 斜體

〈U〉...〈/U〉:文字加底線。例:一般〈U〉底線〈/U〉一般 底線

〈TT〉...〈/TT〉:文字變成打字機字體。例:一般〈TT〉字機字〈/TT〉一般 打字機字體

〈STRIKE〉...〈/STRIKE〉:文字加上刪除線。例:一般〈STRIKE〉刪除線〈/STRIKE〉一般 刪除線

〈CENTER〉...〈/CENTER〉:將文字置中。例:

置中

〈!-註解文字-〉:!-與-之間可放註解文字,而且不會在瀏覽器顯示出來。

〈UL〉 無序號標示排列
〈li〉〈/li〉.第一點
〈li〉〈/li〉.第二點
〈/UL〉:例:

〈OL〉 有序號標示排列
〈li〉〈li〉1第一點
〈li〉〈/li〉2第二點
〈/OL〉:例:

  1. 第一點
  2. 第二點

〈A HREF="連結的對象"〉連結對象的代表文字或圖片〈/A〉:連結到其他網頁,有兩種形式,《絕對路徑》與《相對路徑》,絕對路徑是完整的網址,或稱 URL (如:http://www.flag.com.tw/reader/book.htm);相對路徑則是指位於同一目錄下的HTML文件(如:book.htm)如果是目前目錄下的子目錄名稱,(如:/sub/example.htm)例:絕對路徑:<A HREF="http://www.pcnet.idv.tw/">PCNET網路研究所</A>
=
PCNET網路研究所

相對路徑:假設要連結到同一目錄下,這一【www.pcnet.idv.tw/phpbb/hay/ 】目錄下的x-00.html連結到x-01.html,以絕對路徑要如此<A HREF="www.pcnet.idv.tw/phpbb/hay/x-01.html ">x-01</A>,但因兩個HTML文件在同一目錄下(/hay目錄下),我們可以已相對路徑來連結 <A HREF="x-01.html"> x-01</A>,也可達到同樣結果。

〈A NAME="POS-A"〉〈/A〉:宣告此處為文件POS-A(位置A)例:在〈Hn〉...〈/Hn〉處宣告為文件POS-A

〈A HREF="#POS-A"〉連結對象的代表文字或圖片〈/A〉:將畫面切換至文件POS-A(位置A)處例:按這切換至文件POS-A

〈IMG SRC="圖片位置" ALT="無法顯示圖時,以文字替代"〉:插入圖片。例:<IMG SRC= "http://圖片路徑/12.gif"ALT="小可愛">在同一目錄下只需如此<IMG SRC="12.gif"ALT="小可愛">哈哈笑

〈FONT COLOR="#顏色"〉〈/FONT〉:文字的顏色。例:
〈FONT COLOR="#0000FF"〉藍色〈/FONT〉=
藍色
〈FONT COLOR="#FF0000"〉紅色〈/FONT〉=
紅色
〈FONT COLOR="#008000"〉綠色〈/FONT〉=
綠色

〈HR〉:分格線。例:


〈BODY background="***"〉...〈/BODY〉:背景底圖設定。例:
〈BODY background="#nnnnnn"〉...〈/BODY〉,n=0~f,可形成背景顏色。
〈BODY background="http://圖片路徑"〉...〈/BODY〉,圖片成為背景。


Established since: March 28, 2003
All the design R 2003 by Admin