|
|
|---|
|
壹、HTML基本語法的架構： <HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=big5"> <TITLE>標題文字</TITLE> </HEAD> <BODY> 這裡放置所有要顯示的圖文等元件 </BODY> </HTML> ⊕提供一個HTML的基本架構模組(dcode.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 語法網友永久保存。 ⊕本電子報第三階段報導資料，將繼續每隔 30 日發表一次，以嘉惠更多想學會 HTML 網友，歡迎繼續訂閱。 ⊕強烈建議您學會HTML語法，她真的簡單易學，懂了她您就能駕馭她，將[所見即所得]軟體當做輔助工具吧。 ⊕本站自即日起不再以推廣線上教材(學)會員為主，漸進式改為[贊助本站]方式，永續耕耘教學網站推展。 ⊕本報導內容或資料，因限人力、時間，非[贊助本站]網友，不接受任何疑惑解答，敬請見諒。 ⊕即日起網頁研習室網站，開始提供所有電子報、網頁製作教材等資料，免費各別下載服務，歡迎蒞臨指教。 ⊕凡與網路有關之內容，您想要本報在未來報導那些專題？歡迎提出出評價與建議。 |
|
第三階段94.06.30.發行第015期 前期：您不能不知道的網路新鮮事[部落格] |
|
| © 網頁研習室【電子報】李文能 主編 © |