HTML 與 DHTML

對於網頁設計的初學者，對於這字一定既熟悉又模糊。到底什麼是HTML呢？HTML的全名是Hyper Text Markup Language，字面上解釋就是超本文標記語言。而DHTML的D代表Dynamic，強調它是動態的。為什麼這樣命名呢？我們可以發現，其實每一張網頁都是一個文字檔，但經由瀏覽器的解譯，就變成一張漂亮的網頁了。而文字內容是如何引導瀏覽器的顯示呢？說穿了就是用HTML來指引瀏覽器如何顯示，而 HTML就寫在網頁的文字之中。 當然，當我們清處了這些HTML，就可以控制瀏覽器要顯示些什麼，怎麼顯示之類的。這也是為什麼我說HTML是寫網頁的基礎。瞭解了HTML，才能繼續學DHTML、CSS、JavaScript，這些都和HTML有緊密關係的。注意，Java為獨立的程式語言，它和HTML不直接相關！不要把JavaScript和Java搞混了，它們是不同的！ 也因為HTML的簡易性，才能廣為大眾接受。它不像程式需編譯、連結，寫錯了瀏覽器也不會給你成堆的Error。只要一個記事本（建議用UltraEdit 較好）就可以寫了。目前負責HTML版本演進的是W3C，相信很多人都知道，在它們的網站可以查到非常多資料，網址是︰W3C。這裡適合進階者查詢資料。

發展環境

前面曾經講過，HTML只需記事本之類的軟體就可以了。但是記事本之類的軟體，又無法直接讓使用者立即看到自己寫的HTML所呈現的效果，如此將會增加HTML撰寫的困難。其實解決這個問題很簡單，首先利用計事本存一個空檔（*.htm），再用瀏覽器打開此檔。往後記事本中寫了一段HTML，可立即於瀏覽器按Reload重讀網頁。如此就可以看到剛才寫的效果了！ 而有時觀摩別人的作品也是進步的好方法。在任何網頁按下滑鼠右鍵選檢視原始檔就可以了。但對於有許多特殊效果的網頁，可能內容難以理解，因為用了許多CSS/JS/VBS之類的東西。所以初學者最好多觀摩較簡易的網頁，才容易看懂其中的內容！

標籤慣例

如果曾經看過網頁原始檔，相信會看到一大票括號。其實這些括號就是所謂的HTML啦！而這些括號可是有規則性的喔！

HTML 是由許多標籤來引導瀏覽器，而這些標籤是以<>的形式存在。如<FONT>或<TABLE>等。而括號內的文字，代表著不同的功用。例如剛才<FONT>這標籤是用來控制文字的顯示方式。<TABLE>這標籤是用來產生表格之類。

且標籤中通常含一些參數（正名為Attribute），這些參數是選用的，如果需要再寫上，不然系統會使用內定值。如 <FONT COLOR=#FFFFFF SIZE=5>中，FONT是標籤名，而COLOR、SIZE是參數，可有可無。COLOR是用來設定字型顏色，SIZE是用來控制字型大小。因為系統有一組內定值，所以即使沒有下參數，也能正常顯示。參數是提供給使用者更多選擇！

或許大家會疑惑，只靠這些標籤如何設定作用範圍呢？總不能寫了一個標籤以下通通適用吧？沒錯！HTML確實考慮到這點，故有成對標籤的設計。在HTML中，標籤分為兩大類︰

第一類為單一標籤形式︰如<BR>換行，像這種標籤以單一形式出現，因為它沒有所謂的作用範圍（在此標籤出現時換行，無關以後，故沒有作用範圍！）。這種標籤在HTML中較少見。

第二類為成對標籤形式︰典型的HTML標籤均屬此類，如<FONT>與</FONT>標籤為成對。而其作用範圍就是從< FONT>開始至</FONT>結束。寫HTML有些人會忘了加上結尾標籤，這會讓瀏覽器顯示錯誤喔！所以用這種標籤，要一次寫出兩個標籤，再於標籤中間填上想要的內容，才不會忘記！

開始學習

相信大家看了以上的說明，對HTML多少有些概念。HTML是非常易學的東西，因為它沒有程式設計的難度，有可以感受完成作品的樂趣。而學習HTML的不二法門就是多寫、多看。在接下來幾章的介紹中，將會有HTML語法說明與範例展示。相信各位親自動手寫寫，很快就能上手了！

DfD 網頁設計工作室

DfD Studio

首頁網頁設計工作線上估價關於DfD連絡我們書珊之城部落格網站地圖