這個網頁的目的是想令大家了解如何用較簡單的方法寫出網頁。在這裡，並不會完全的、詳盡地把所有網頁的功能介紹（如有需要，請到官方網頁查看完整的最新資料），只會較簡地令大家掌握到可以怎樣寫網頁，希望不要令大家失望啦。

因小弟才疏學淺的關係，在處理資料的過程中，難免有錯，如各位網友發現有任何問題，請立刻指正小弟，謝謝 :)

p.s. 因資源有限，大部份資料只嘗試過在Win+IE上測試，並未能再作多方面的測試，實在抱歉。

HTML是什麼﹖
HTML全名HyperText Markup Language，網頁檔案基本上是以一個文字檔為主，而在文字檔中加入各種的標籤用以加入文字以外的功能。把寫好的文檔以.html或.htm為檔尾儲成文字檔，就可以以網頁方式觀看。
因為是文字檔的關係，所以可以只用簡單的文檔軟件編寫此類網頁。notepad

圖像
網上所使用的圖像主要以GIF及JPEG為主，有很多網上的軟件可以把圖像儲存成為這些格式，如果各位有興趣的話不妨自己找找看。
Irfan View是我目前常用的圖像軟件。

#RRGGBB
RRGGBB是一個六個位的十六進位數字的意思，分別可以分為三個兩位的十六進制數字（RR-紅, GG-綠, BB-藍）。

#FFFFFF = 白色，#000000 = 黑色，#808080 = 灰色，
#FF0000 = 紅色，#00FF00 = 綠色，#0000FF = 藍色

特殊字符
因為html檔要使用標籤的關係，有些字符不能直接地使用，而要用特別的方法替代，例如：
　　< == < 　　> == > 　　& == & 　　空格 ==   等等



所以大家可以把有關網頁的注釋放在這裡。另外，有一些html以外的網頁解釋部份會使用這個標籤來處理。

常見錯誤
寫網頁最常見的錯誤是不小心串錯標籤的字眼及標籤前後的 < > 符號，導致不能得出想要效果。其他如連結的路徑錯誤、打錯連結的檔案名稱、用錯誤的檔名儲存、內容因過期而出錯或內容跟本上就是錯的等等……
【以上種種問題，恕我不能幫忙，純粹是閣下資質的問題～～呵呵呵 ^^ 】

HTML網頁結構

<html>

<head>
. . .
. . .
</head>

<body>
. . .
. . .
. . .
</body>

</html>

<html> ... </html>
網頁最外層的標籤，一般情況下，所有網頁的資料都應放在它之內。

<head> ... </head>
這對標籤之間的部份為網頁內兩個主要的部份之一，一般用以存放網頁主體內容以外的資訊。

<title> ... </title>
這對標籤是放在<head>之內，用以顯示網頁的標題。

<body > ... </body>
這對標籤之間的部份為網頁內兩個主要的部份之一，是存放網頁內容的位置。

標籤的額外參數：
background	= "圖像"	// 設定背景圖像
bgcolor	= #RRGGBB	// 設定背景顏色
text	= #RRGGBB	// 一般文字顏色
link	= #RRGGBB	// 一般連結顏色
vlink	= #RRGGBB	// 曾訪連結顏色
alink	= #RRGGBB	// 焦點連結顏色

小結
用以上所學的寫一段看看：
把上述用文檔格式以 .html 為檔尾儲存再用瀏覽器觀看吧。

測試效果

大家應該發現不少問題吧（如果你打錯字或者沒有用.html為檔尾存檔的話……這可是你的問題，不要問我 ^^ ）。

來吧，讓我們看看會有什麼問題發生……

首先，大家應該發覺看不到背景圖片，但卻看到了背景顏色。
-> 這是正確的，因為背景圖片並沒有與網頁帘韘b一起，請把背景圖片下載，並與網頁放在一起再試一試（如果你想問怎樣下載的話，姑且給你一個題示吧，就是使用另存圖片的功能。額外的問題可不在這個網頁的教學範圍，請不要問我，因為我多數不懂的。）。

再來，大家應該發現不見了大量的空格，所有字都只有一個半型空格，而且換行方面還不依照文字檔的內容……
-> 這是html檔的一大特式，所有第兩個以上牧漯躓獢B[tab] 及換行符號都會被忽略。

下面開始，我們就逐步加入一些文字效果吧﹗

<br>
這標籤相當於文字檔的
換行符號，
可以
強制段落換行。

<nobr> ... </nobr>
這　標　籤　用　於　強　制　段　落　不　可　換　行　。

<p> ... </p>
這對標籤用來設定一段文字，

與上一段文字間會明顯地空出一行。

<h1> ... </h1>
這對標籤用來設定一段文字標題，標題的文字大小會不同於一般文字。

h1的標題字型最大，h6的標題字型最小。

<h2> ... </h2>
這對標籤用來設定一段文字標題，標題的文字大小會不同於一般文字。

h1的標題字型最大，h6的標題字型最小。

<h3> ... </h3>
這對標籤用來設定一段文字標題，標題的文字大小會不同於一般文字。

h1的標題字型最大，h6的標題字型最小。

<h4> ... </h4>
這對標籤用來設定一段文字標題，標題的文字大小會不同於一般文字。

h1的標題字型最大，h6的標題字型最小。

<h5> ... </h5>
這對標籤用來設定一段文字標題，標題的文字大小會不同於一般文字。

h1的標題字型最大，h6的標題字型最小。

<h6> ... </h6>
這對標籤用來設定一段文字標題，標題的文字大小會不同於一般文字。

h1的標題字型最大，h6的標題字型最小。

<hr>
這是一條用來隔開

上、下文的水平線。

標籤的額外參數：
width	= 數值	// 設定寬度
align	= left \| center \| right	// 設定靠向左、中或右

<b> ... </b>
這對標籤用來設定一段文字為粗體字。

<i> ... </i>
這對標籤用來設定一段文字為斜體字。

<u> ... </u>
這對標籤用來把一段文字加上底線。

<tt> ... </tt>
這對標籤用來設定一段文字為電報文字。

<center> ... </center>
這對標籤用來把一段文字對中。

<font size=5 color=blue > ... </font>
這對標籤用來設定一段文字的字型(Font Face)、大小、顏色。

標籤的額外參數：
size	= 數值	// 設定大小(1-7)
color	= #RRGGBB	// 設定顏色

<sub> ... </sub>
這對標籤用來把一段_文字下標。

<sup> ... </sup>
這對標籤用來把一段^文字上標。

<img src="photo.jpg" >
這標籤用來顯示圖片。

標籤的額外參數：
src	= "圖像"	// 設定圖像
alt	= "圖片說明"	// 這是圖片的說明

<a href="link.html" > ... </a>
這對標籤用來設定連結。

標籤的額外參數：
href	= "連結檔位置"	// 設定連結檔位置
target	= _blank \| _seft \| _top \| _parent \| ...	// 設定連結在那裡顯示

小結
再用以上所學的寫一些看看：
測試效果

大家應該發現不少問題吧（不可能沒有問題吧﹖我可制造了不少問題在裡面的啊，快給我找找。）。

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.

看過以上的簡介，大家對寫網頁應該有初步的認識。如果有興趣的話，大家不妨去多找些資料看看。拜拜﹗