《课程名称网页制作入门.docVIP

課程名稱：網頁製作入門 壹、基本觀念 一、解釋名詞 ?HTML (Hyper Text Markup Language, 超文件標註語言)。 ?Hypertext 超文件。 ?Hyperlink 超連結。 ?Hypermedia 超媒體。 ?HTTP (Hyper Text Transmission Protocol, 超文件傳輸協定)。 ?Browser 瀏覽器。 ?Web Site 網站。 ?Web Page 網頁。 ?Home Page 首頁。 二、網頁編輯程式 ?一般文件編輯程式（如：記事本、Ultra Editor、…）。 ?文件式網頁編輯程式 (如：HTMLabc、…)。 ?所見即所得網頁編輯程式 (如：FrontPage、Dreamwaver、…）。 三、HTML 文件基本架構 四、HTML 標註的格式 　　通常 HTML 的標註是成對出現的，其格式如下： 　　標註名稱 [屬性名稱 = 參數 ...] 內容 /標註名稱 　　凡是在 標註 和 /標註＞ 之間的內容均會受到這個標註的影響。 　　例：H3HTML 語法格式/H3 　　　　A HREF=“.tw/”中正大學全球資訊網/A 　　但是有少部份的標註，加上結尾標註反而覺得累贅，因此在習慣上也有不加結尾標註 的。其格式如下： 　　標註名稱 　　例：HTML 語法格式BR 　　　　這是一行測試的文字P 五、HTML 文件編寫規則 1. 標註命令使用大寫或小寫的英文字母均可，例如: BR 和 br 的功能是 完 　　全相同的。但是 URL 及檔名等仍必須注意大小寫。 2. HTML 文件會自動忽略換行符號，因此要換行的地方必須加上 br 或 　　p 標註。例如在文件上編寫內容如下： 此情可待成追憶， 只是當時已惘然。 　　顯示結果：此情可待成追憶，只是當時已惘然。 3. 超過一個以上的空白，會被自動忽略，只留下一個空白。例如： 此情可待成追憶，　　　　只是當時已惘然。 　　顯示結果：此情可待成追憶， 只是當時已惘然。 　　若需要多一點空白可用全型的空白或用 nbsp; 代替。 4. 多個標註寫在同一行或分成數行來寫，結果是一樣的，例如： head title文件標題/title /head 　　亦可寫成： head title文件標題/title /head 5. 標註中若有超過一個以上的屬性，其順序可以任意對調，例如： img src=“test.gif” align=“left” 　　亦可寫成： img align=“left” src=“test.gif” 6. 在 HTML 文件中如果要顯示 ＞、＜、＆ 等特殊字元，必須使用下列方式 　　來顯示： amp; = gt; = lt; = quot; = “ nbsp; = 空白 貳、HTML 常用語法簡介 語法編排記號說明 URL 指定其他檔案的 URL（絕對路徑或是相對路徑都可以)。 # or n 任意數字，如: Hn、BORDER=n、…。 RGB 任意顏色，以十六進位值表示，rr 指紅色，gg 指綠色，bb 指藍色 如: BGCOLOR=“#4a00fd” 等。 | 選擇其中一項，如 [ALIGN=LEFT|RIGHT|CENTER] [ ] 可依需要自行決定取捨的部份。如上例的中括號。 … 代表以此類推或省略中間一段內容。 HTML 文件結構 1. HTML 文件標註 語法：HTML … /HTML 2. 表頭區標註 語法：HEAD ... /HEAD 3. 主體區標註 語法：BODY [BACKGROUND=“URL”] [BGCOLOR=“#RGB”][TEXT=“#RGB”] [LINK=“RGB”] [VLINK=“#RGB”][ALINK=“#RGB”] 　　　　： 　　　/BODY 4. 註解標註 語法：!-- 任何內容 -- 實作一 html head title HTML 文件結構範例 /title /head body bgcolor=“#ffffff” text=“#00007f” h3何謂 HTML /h3 hr 　　HTML 是 Hyper Text Markup Language 的縮寫，一般譯為超文br 件標註語言。目前 WWW 上的文件即是以 HTML 語法來描述。p hr addressE-mail: tsices@.tw/address /b