僅僅兩三年前，我們對外文資料中Internet這個詞還不知為何物，可是今天，Internet的出現與應用正深刻而迅速地改變著我們的生活。在網上擁有自已的主頁
已不是什麼難事，但如何化繁為簡製作一份精美的homepage呢，最重要的是瞭解
HTML語言。
以往我們常使用一些基本的編輯器作為編寫homepage的工具，但是漸漸的有了
一些輔助的程序，可以較快地產生一些宏，加快我們製作homepage的速度，近年一
些軟體公司更是推出一些WYSIWYG(what you see is what you get)的軟體 (如Netscape
Gold ,Frontpage)，使即使對HTML不是很熟悉的人也可以可以輕鬆自
如地使用這些程序製作homepage，由這些程序產生標準的HTML檔案，
不過，要製作一個精緻的Homepage單靠這些應用程式是不夠的，或者無法製作
某些功能(如image map、Frame Table等)只有瞭解HTML語言的語法，才能製作出完
美的homepage。
下面我們就具體來談談HTML的標範。先看一個例子：
<html>
<head>
<title>頁面的相關資訊</title>
</head>
<body bgcolor=white>
<center>
<font color=red size=3>welcome to my homepage</font>
</center>
</body>
</html>
以上是在螢幕的第一行中部顯示紅色的welcome to my homepage的字樣。
HTML文件以<HTML>開頭，</HTML>結束，分成head部份和body部份。
同樣，以<>開頭，以</>結束。先來看看head裏的控制敘述：
head主要告訴使用者檔案所要顯示的資訊。可以有以下幾個語法： 1、<title>定義瀏覽器的標題，一般寫成和頁面內容相關的內容，以</title>結束。
2、<isindex>供搜尋的保留字。
3、<base>為相對URL定義的絕對URL，WWW使用一種稱為URL的位址確定某
個檔案在INTERNET上的標準位置，WWW伺服器可以根據URL位址，迅速找
到該檔案。
URL格式：<通訊協定>//<主機名>//<路徑>//<檔案名稱>
4、<meta>用來顯示相關主頁的資訊
真正的HTML內容都定義在<body>和</body>裏，在以下介紹的HTML敘述裏，
也都是在<body>和</body>的內部使用的。
1、頁面的背景、文字顏色、熱點被點擊前的顏色、點擊後的顏色和點擊時的顏色是在<body>這一項裏定義的。
如<body bgcolor=black link=white vlink=red alink=blue text=white>就是定義背景為黑色，熱點被點前是白色、點後是紅色、點時是藍色，文字是白色，其中背景也可以是圖片，這時用background="
"替代bgcolor項，引號中寫入圖片的名稱。
2、引入圖片
<img src="圖片名 " width=30 height=40 alt="相關資訊 ">在圖片名的地方寫入相應
圖片的名稱，width和height定義圖片的寬度和高度，數字大小可自行設定。alt是
指當頁面在傳輸程序中，圖片還沒有完全顯示出來時，在圖片處顯示和圖片相關的資訊以便別人觀看。當網路速度很慢時，建議您最好還是寫上這一項。
3、定義字型
以<font>開頭</font>結束，其中有color、size、face等參數，color是定義顏色，
size是定義字型大小，face是定義是何種字型(但netsacpe似乎不支援這個參數),例：
<font color=red size=4 face="魏碑體">字型</font> size從1到7逐漸增大。
4、定義超鏈結的鏈結點
如果以文字作為熱點，則<a href=" ">作熱點的文字</a>，在引號處寫入要鏈結到的位址，如<a
href="http://www.wh.col.co.cn">返回</a>就是點擊“返回”這兩個字
時回到網址是http://www.wh.col.co.cn的頁面。如果以圖片作為熱點，則是<a
href="位址 "><img src="圖片名" border=0></a>注意
在圖片作為熱點時，周圍會有一個邊框，可以用border=0把邊框去掉。
5、定義頁間熱點
頁間熱點是指在同一頁面內，點擊某熱點後跳到本頁的特定的地方。在要定義為熱點的地方用<a
href="#1">熱點</a>定義，其中數字可隨意定義，在跳到的特
定的地方用<a name="1">熱點要跳到的地方</a>。
6、表格的製作
表格的應用在html裏是最多的，表格以<table>開頭</table>結束。
<tr>代表一行的開始，以</tr>結束。
<td>代表一列的開始，以</td>結束。
同樣，在表格裏也有一些參數定義，來達到不同的效果。這些參數一般都
和<td>連用。align定義水平對齊模式，有左、中、右三種，分別用
align=left、align=center、align=right表示，valign定義垂直對齊模式，有上、
中、下三種，分別用valign=top、valign=middle、valign=bottom表示。 bgcolor定義表格顏色，<td
bgcolor=green>可以定義表格的此列為綠色， width、height定義表格的寬度和高度，用數字表示，也可用百分比表示。
如<td width=40% height=20></td>就是定義此列的寬度為螢幕的40%，高度為20。
在表格中還有兩個有用的參數就是colspan和rowspan。
在標準情況下，每一列的欄位寬是相等的，為最大的那一列的欄位寬，但如果
想某列的欄位寬為兩列或三列的欄位寬，則可用colspan這個參數來決定，rowspan
後面的數值決定了此列為幾列欄位寬。看下面的例子：
<HTML>
<HEAD><TITLE>表格</TITLE>
</HEAD>
<body bgcolor=white>
<table border=1>
<caption align=top>表格欄位變化</caption>
<tr><td>字元a字元c</td>
<td>字元b</td>
</tr>
<tr><td colspan=2>字元d</td></tr>
</table>
</HTML>
則效果如圖1
<HTML>
<HEAD><TITLE>表格</TITLE>
</HEAD>
<body bgcolor=white>
<table border=1>
<caption align=top>表格欄位變化</caption>
<tr><td rowspan=2>字元a字元d</td>
<td>字元b</td>
</tr>
<tr><td>字元c</td></tr>
</table>
</HTML>
則效果如圖2
其中的caption是定義表格的標題，align定義對齊模式，有top、bottom兩種。
[返回上頁] |
