再次深入探討如何使用HTML標籤

初學者必修篇

第三篇
再次深入探討如何使用 HTML 標籤

壹、HTML 基本語法的架構：
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<TITLE>標題文字</TITLE>
</HEAD>
<BODY>

這裡放置所有要顯示的圖文等元件

</BODY>
</HTML>
提供一個 HTML 的基本架構模組 (code.txt) 給您套用。

貳、構成 HTML 標籤(Tag)的基本條件：
每一個標籤都必需被小於及大於的符號所包覆住：如 <TAG>。
標籤內的文字只能使用英文，不能使用其他語言：如<標籤>，HTML 規範無此語法。
您不可使用自訂標籤代替，一定要使用 HTML 規範所指定的語法：如<EYE>，HTML 規範無此標籤。
大多數的標籤都是採對稱的組合：如 <HTML>....</HTML>。
有開始標籤就一定結束標籤(/)，使用符號各為不同：如<TAG>....</TAG>。
開始與結束標籤之間，就是要放置網頁的各種元件：如文字、圖片、影音...等元件。
有少部份標籤是可以單獨使用，但都必須放置於元件的後面：如 <BR>。
有些標籤須要加入屬性及屬性值，才能增強他的更多功能：如 <BODY BGCOLOR="xxxxx">。
標籤的屬性及屬性值，可以設定一組或一組以上，以達更多顯示目的：如<HR SIZE="N" WIDTH="xx%">。
標籤的屬性及屬性值，也一定要使用 HTML 規範所指定的語法，不可自訂屬性來替代。
標籤可以包覆另一個標籤，沒有數量限制，瀏覽器解讀優先順序是由上而下、由左而右、由內而外。
標籤的多重包覆，必須採有規律的對稱巢狀安排。
標籤可不分英文大小寫，甚至可以大小寫混合來用：如<Content-Type....>。
嚴格說 HTML 標籤只是純文字語法，不具有變數、運算...等程式語言功能。

參、進一步解說 HTML 控制標籤的格式：
標籤(Tags)，簡單說就是對瀏覽器(網頁)的宣告或命令。
網頁元(文)件內容本身不會任意變化，要讓元(文)件內容有所改變，就得使用各種不同標籤。
各種不同的標籤名稱代表者不同的控制功能。
例如現實生活中的帽子、衣服、褲子、鞋子.....
HTML 就用這種語法 <HTML>、<HEAD>、<TITLE>、<BR>、<CENTER >.....
有些控制標籤須要屬性來加強他的功能。
例如現實生活中的帽子、衣服的《屬性》便是顏色、廠牌、尺寸....等。
HTML 就用這種語法 <IMG SRC="xxxxx">、<HR SIZE="N" WIDTH="xx%">、<BODY BGCOLOR="xxxxx">.....
光有屬性描述可能無法獲得完整的目的，所以會再給他更明確的設定值。
例如現實生活中的白色衣服、三槍牌衣服、XL 尺寸衣服，更明確的說明屬性值，也就是上例中的 "xxxxx"。
所以 HTML 語法(標籤)，就是由標籤名稱 (Tags Name)、屬性 (Attributes)、屬性值 (Value) 組成。
控制標籤有對稱型及非對稱型兩種：
對稱型是指兩個相同標籤相互對應，如<TITLE>.....</TITLE>。
後面那個控制標籤的前頭，要記得加上由右往左的斜線 /，這是表示此標籤的作用已結束。
非對稱型是指只有單獨一個，便可獨立產生作用：如 <BR>。

肆、HTML 標籤最容易錯誤的地方：
標籤內使用中文或全型符號。
寫錯或誤用 HTML 規範所指定的標籤用英文語詞。
在標籤內使用的語法多了一些空格，未緊密接於小於及大於符號內。
忘記加上結束標籤(/)符號，造成解讀錯誤。
忘記加入小於或大於符號，或加的位置錯誤，造成解讀錯誤。
採用多重包覆標籤，未對稱巢狀安排。
屬性值某一個單邊未加上雙引號。
不瞭解架構，誤置或顛倒 HTML 標籤的位置。
增加一些無用的標籤，在使用 FontPage 時最常見到。

伍、進階使用HTML標籤：
<標籤名稱屬性名稱="設定值"> 元件 </標籤名稱>
<Tag Attributes="Value"> 元件 </Tag>
設定值建議加入雙引號，但缺一不可。
標籤內也可以使用多組屬性及設定值。
善用註解標籤提升您維護網頁的效率。

陸、快速鍵用法：
提供一個針對 IE 4.0 以上版本瀏覽器快速鍵 (hotkey.txt) 用法，提高您的作業效率。

柒、注意事項：
標籤就是命令、宣告，標籤是供給瀏覽器(Browser)來解讀或編譯的。
各種不同的標籤名稱，代表者不同的控制功能。
瀏覽器解讀他時，是依由左而右、由上往下、由內往外的順序。
HTML 標籤只必須存為 (*.htm、*.html或*.asp...etc)，並使用瀏覽器才能解讀。
使用記事本 (Notepade) 撰寫標籤，建議靠左並依序排列整齊，以利維護。
HTML 基本語法的架構建議採英文大寫，以利管理。
BODY 內的標籤建議採英文小寫，以利區別。
使用多組標籤時，標籤的解讀優先順序為，由內而外。
瀏覽器不接受鍵盤的 Enter、Space 鍵功能，只聽從標籤的指示。
每一個標籤都有她的功能及位置，請勿錯用。

捌、本篇過去相關報導資料：
第一期電子報： Go
認識網際網路【01】認識網際網路 Go
網際網路基本觀念【02】認識 HTML Go
網際網路基本觀念【03】認識網頁與需求 Go
網際網路基礎【01】HTML 程度檢定 Go
網際網路基礎【04】如何構建網站 Go
網際網路基礎【05】網頁有那些形態 Go
我有必要(為何)學習 HTML 語法嗎？ Go
如何規劃一個網站 Go
開始下手之前應思考問題 Go
第二期電子報： Go
不要讓這些小問題破壞您的網頁！ Go
認識 HTML 語法基本架構及組成 Go
那些是網頁構建需要的基本工具 Go
徹底學會網站規劃之原則與運用技巧 Go
您是否已具備製作網頁基本使用技巧 Go
網際網路基本概念及認識區域網名 Go
告訴您怎樣才能真正學會網頁製做 Go
關於網站製作，您有這些困擾嗎？ Go
第三期電子報： Go

玖、讀者重要通告：
如果您想完整取得電子報內所有檔案資料，我們提供燒錄光碟片給您。
凡加入教學或教材會員者，均可獲得以下乙份完整的資料光碟。
詳細內容：語法教學、第一電子報、第二電子報、第三期電子報、網頁圖窟。

拾、結論與建議：
本站所有報導資料，歡迎網友加入鏈結或轉載內容，惟請保留文章完整，並註明此引用來源，謝謝您的支持與配合。
本報每篇報導都花上 8 小時以上搜集、整理及撰稿，絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
強烈建議您學會HTML語法，她真的簡單易學，懂了她您就能駕馭她，讓您使用所見即所得軟體更得心應手。
本報導屬於完全免費性質，索取教材資料屬個人自由意願，而回饋給您的光碟片，則是我們的誠意而已。
一篇保證前所未見的 HTML 教學課程，絕對是您學習 HTML 的好教材，強烈建議您進入實際體驗一下。
本電子報報導資料，未來將繼續每隔 30 日發表一次，以嘉惠更多想學會 HTML 網友，歡迎繼續訂閱。
本報導內容或資料，因限人力、時間，非教學會員，不接受任何疑惑解答，敬請見諒。