HTML基本架構

 

　　首先我們先來觀看一下HTML原始檔的架構，它是長得一副什麼模樣？

<HTML>

<HEAD> <!----註：從這裡是抬頭部份的開始 ----->

<TITLE>這是標題</TITLE> <!---註：這是網頁主題--->

</HEAD> <!----註：從這裡是抬頭部份的結束 ----->

<BODY> <!----註：從這裡是本文部份的開始 ----->

這裡是本文

</BODY> <!----註：從這裡是本文部份的結束 ----->

</HTML>

標籤解說

  1. 以上看到的就是一篇最簡單架構的網頁。沒錯，網頁其實就是一堆標籤（所謂標籤就是指被<>包起來的語法）集合起來的，透過瀏覽器的消化整理，就便成了美侖美奐的網頁了。
  2. 簡單而言，通常一份完整的網頁包含了二個部份：抬頭（HEAD）、文件本體（BODY）。也就是各位在上面所看到的<HEAD></HEAD>及<BODY></BODY>。
  3. 在抬頭的部份<HEAD></HEAD>中，有另一組標籤<TITLE></TITLE>。打在<TITLE></TITLE>這裡面的文字會出現在瀏覽器視窗最上頭藍色部份裡，當作一篇網頁的主題。
  4. 您發現了嗎？同一個標籤，好像都有兩個，唯一不同的是，後面的那一組多了一個〝/〞，沒錯大部分的標籤都是二個一組，不過也有單一個的喔！這留著以後說。
  5. 您可能會發現，為什麼我一直沒提到這一組標籤<HTML></HTML>，嗯！因為它可有可無。這一組標籤是告訴瀏覽器說：我是一份HTML文件喔！也就是說它是一個網頁的格式啦！通常都包在網頁的最上下兩端，將所有的原始碼都包起來。
  6. 後面你所學到任何HTML標籤指令都可以插在<BODY></BODY>之間，這是HTML文件的主體部分，你可以做一做練習看看。

註：載於高師大網路大學多媒體課程