| 1. | 最上面的<html>與最下面加倒斜線的</html>，這是向瀏覽器宣告：『這是HTML文件』範圍從<html>開始到</html>結束，換句話說：在這兩個命令所包圍的區域是一個HTML文件。 |
| 2. | <head>....</head>這就是我們的頭部，用來標示、註解、說明文件內部各種重要訊息資訊，而這個資訊不會顯示在瀏覽器上。 |
| 3. |
<title>....</title>這就是標題訊息，其表頭內文字會顯示在瀏覽器上框頂端，網站蒐尋器依此搜尋，您可以使用中英文；看一下您瀏覽器的左上方，是不是顯示 HTML基本語法架構及範例字樣。 |
| 4. |
<body> ....</body> 這就是顯示文件及各種語法格式的主要地方，所有要展示的內容大多放在這個範圍內，其存放的各種資料就會顯示成HomePage 畫面。 |
| 5. | 控制標籤的格式解說：
| A. | 標籤《Tags》，簡單說就是命令；標籤一定是英文而且是被大於<與小於 >包括起來的；文件內容本身不會任意變化，要讓文件內容有所改變，就得使用各種不同標籤。 |
| B. |
標籤名稱：各種不同的標籤名稱代表不同的控制功能。如：html、head、title、br、center < br > |
| C. | 屬性《Attributes》：有些控制標籤須要屬性加強功能，像衣服需要指出甚麼顏色、廠牌、尺寸等特徵。如：img src="xxxxx"、
hr size="n" width="xx%"、body bgcolor="xxxxx" |
| D. | 屬性值《Value》：光有屬性(特徵)可能無法達到最終所要目的，所以會再給他一些更明確的設定值，如白色衣服、三槍牌衣服、衣服XL尺寸等更明確的類別(屬性值)，也就是上列中的"xxxxx"。 |
| E. | HTML語法，就是由標籤名稱(Tags Name)、屬性(Attributes)、屬性值(Value)組成，而且都是英文字母。 |
| F. | 控制標籤有對稱型及非對稱型兩種：
- 對稱型是指兩個相同標籤相互對應，如 <title>. ....</title>. 要在後面那個控制標籤的前頭要加上倒斜線 /，也就是表示此控制標籤的作用已結束。
- 非對稱型是指只有單獨一個，便可獨立產生作用：如<br>。
|
|
| 6. |
有關撰寫 HTML 文件的基本注意事項：
| A. | 標籤中的英文指令，以 HTML 5 規範，大小寫是不同的。 |
| B. | 瀏覽器(Browser)只認識標籤(命令)，您在寫HTML時，按下(Enter)鍵所做的(換下一行)或(Space)鍵或(Tab)鍵，瀏覽器會視版面安排自動幫您(換行)；若您想要自己換行，必須用<br>命令。 您現在就可以Copy B.項到編輯面試一試。 |
| C. | 上述Space空白鍵等動作，如放在 <pre>....</pre> 標籤內，則會受該標籤控制，而出現空白。 如果您需要空一格的話，也可以試著用《中文全形》輸入，按空白鍵Space， 瀏覽器會把它當成一個中文字(一個空白的字)處理，也很方便的。 |
| D. | 同一文件可同時使用不同標籤，並具有【相互對稱】的層次，故避免重複或倒置，也請不要將各式標籤放在超鏈結的標籤內。 |
| E. | UNIX工作站上的分隔路徑符號和 PC 不同，UNIX是 "/"，而且大小寫也有差別；PC是"\"。 |
| F. | 同一份HTML文件，在不同瀏覽器所顯示的HomePage畫面可能會有些差異，但不至於影響觀看內容。有些命令在不同瀏覽器上會失效，例如(閃爍文字)可在 Netscape 中顯現效果，但 IE & Mosaic 則不行。 |
|