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

課程名稱：網頁製作入門 壹、基本觀念 一、解釋名詞 ?HTML Hyper Text Markup Language, 超文件標註語言 。 ?Hypertext 超文件。 ?Hyperlink 超連結。 ?Hypermedia 超媒體。 ?HTTP Hyper Text Transmission Protocol, 超文件傳輸協定 。 ?Browser 瀏覽器。 ?Web Site 網站。 ?Web ?Home 二、網頁編輯程式 ?一般文件編輯程式（如：記事本、Ultra Editor、…）。 ?文件式網頁編輯程式 如：HTMLabc、… 。 ?所見即所得網頁編輯程式 如：Front 三、HTML 文件基本架構 四、HTML 標註的格式 　　通常 HTML 的標註是成對出現的，其格式如下： 標註名稱 [屬性名稱 參數 ...] 內容 凡是在 和 /標註＞ 之間的內容均會受到這個標註的影響。 　　例： HTML 語法格式 A HREF “.tw/” 中正大學全球資訊網 但是有少部份的標註，加上結尾標註反而覺得累贅，因此在習慣上也有不加結尾標註 的。其格式如下： 例：HTML 語法格式 這是一行測試的文字 五、HTML 文件編寫規則 1. 標註命令使用大寫或小寫的英文字母均可，例如: 和 的功能是 完 　　全相同的。但是 URL 及檔名等仍必須注意大小寫。 2. HTML 文件會自動忽略換行符號，因此要換行的地方必須加上 或 標註。例如在文件上編寫內容如下： 此情可待成追憶， 只是當時已惘然。 　　顯示結果：此情可待成追憶，只是當時已惘然。 3. 超過一個以上的空白，會被自動忽略，只留下一個空白。例如： 此情可待成追憶，　　　　只是當時已惘然。 　　顯示結果：此情可待成追憶， 只是當時已惘然。 　　若需要多一點空白可用全型的空白或用 nbsp; 代替。 4. 多個標註寫在同一行或分成數行來寫，結果是一樣的，例如： 文件標題 亦可寫成： 文件標題 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 任意數字，如: 、BORDER n、…。 RGB 任意顏色，以十六進位值表示，rr 指紅色，gg 指綠色，bb 指藍色 如: BGCOLOR “#4a00fd” 等。 | 選擇其中一項，如 [ALIGN LEFT|RIGHT|CENTER] [ ] 可依需要自行決定取捨的部份。如上例的中括號。 … 代表以此類推或省略中間一段內容。 HTML 文件結構 1. HTML 文件標註 語法： … 2. 表頭區標註 語法： ... 3. 主體區標註 語法： BODY [BACKGROUND “URL”] [BGCOLOR “#RGB”][TEXT “#RGB”] [LINK “RGB”] [VLINK “#RGB”][ALINK “#RGB”] ： 4. 註解標註 語法： !-- 任何內容 -- 實作一 HTML 文件結構範例 body bgcolor “#ffffff” text “#00007f” 何謂 HTML HTML 是 Hyper Text Markup Language 的縮寫，一般譯為超文 件標註語言。目前 WWW 上的文件即是以 HTML 語法來描述。 E-mail: tsices@.tw 字元的格式化 1. 區段標題 Headings 語法： Hn [ALIGN left | center | right ] *** 說明：1.區段標題共有六種大小格式，分別為 H1, H2, ..., H6，其中 H1 的字體最大，H6 的字體最小。區段標題通常會以粗黑字體的方式來呈現。 2.可配合 ALIGN 屬性指定以靠左 left 、靠中 center 、靠右 right 的方式來顯示。預設對齊方式是靠左。 範例： 區段標題 H3 ALIGN right 這是靠右的區段標題 二、字體設定 Font 語法： FONT [SIZE [+ | -] n] [COLOR “#RGB”] … 說明：1. SIZE 屬性用來指定