HTML网页制作语言.docVIP

HTML網頁製作語言HTML網頁製作語言 讀完前面幾章後，您也許開始感到好奇：「文字、圖片、與超連結到底是如何儲存在網頁 之中呢？」。如果您對第一章所簡介?HTML（HyperText Markup Language，超文字標記語言）還有印象的話，應該記得網頁的原始檔其實只是遵從HTML語法格式 的文字檔案。HTML ?Tim Berners-Lee 先生當初發展 WWW 時所制訂的一套網頁製作語言。就像WWW日新月異一般， HTML 也是一個成長中的語言。W3C 幾乎每隔一段時間就會更?HTML 的規格，除了提供各家瀏覽器作為網頁處理的標準外，也會增加一 些功能更強的新東西。幾年下來，HTML已經從當初簡單的語言，逐漸成為一個豐富的語言? 話雖如此，其外在的格式與核心的概念還是保持不變? 我們將從這一章起，用四章的篇幅來介紹最新版?HTML 4.0 網頁製作語言。HTML 4.0 中與網頁編排相關的主題大致可分為：文字與段落的編排、條列項目、超連結、表格、圖片、框架網頁、與表單等七大單元。框架網頁與表單這兩個主題比較複雜，所以我們將它們獨立出來，在接下來的兩章中分別介紹之? 本章的內容大綱如下：第一節敘述一些為什麼要學習HTML的原因。第二節說明如何在瀏覽器中觀看或編輯網頁的原始檔。第三節討論 HTML 的一些基本概念與術語。第四節 列出一?HTML 常見?屬性值種類。第五節介紹與網頁結構相關的 HTML 元件。第六節介紹用來設定文字格式?HTML 元件?第七節介紹用來設定段落格式? HTML 元件。第八節介紹製作條列項目?HTML 元件?第九節介紹建立超連結?HTML 元件。第十節介紹製作表格?HTML 元件。第十一節介紹用來加入 多媒體的 HTML 元件? 一、為什麼要學習HTML? 您也許會懷疑地問：「FrontPage ?Dreamweaver 這類 WYSIWYG 的網頁編輯器就可以用來輕輕鬆鬆地設計網頁，為什麼還要費心地去學習HTML語言呢？」? 大哉問！的確，如果你只是以玩票的心情來寫寫幾個網頁，這些WYSIWYG網頁編輯器網頁編輯器所提供的功能也算堪用。但是基於底下的原因?您還是有必要瞭解HTML? 某些網頁效果無法?WYSIWYG 網頁編輯器中設定，而必須用修改網頁原始檔內容的方式來加入這些效果。你當然就必須先瞭解 HTML，才能進行這樣的修改工作? 某些網頁編輯器雖然具有加?JavaScript、VBScript、Java 等網頁程式碼的功能，但是這項工作最簡便作法是：利用文字編輯器將網頁程式碼編寫（或剪貼）入網頁原始檔中? 許多動態網頁並不是由人編寫出來，而是靠程式（?PHP、ASP、或 CGI 程式）來產生出網頁原始檔。如果要寫這種程式，你當然就必須先熟悉 HTML 的語法， 才能讓程式產生出所需的網頁? 如果你喜歡上某一張網頁的風格或技術，而想「偷過來」運用到自己的網頁上?怎麼辦？光從瀏覽器的畫面，你是無法明瞭其中的奧妙。但只要檢視網頁原始? ，你就可以清清楚楚地看到作者的手法。當然你得先瞭解 HTML，才懂得如何「偷」? 如果按照技術發展的先後順序來排，依序是 HTML、瀏覽器、與網頁編輯器。通常 HTML 新規格出來後，過了一年半載，支援新規格的瀏覽器才發行，再過個一年半載， 支援新規格編排功能的網頁編輯器才上市。如果你是一個「走在時代尖端」的有為青年，就必須用編輯網頁原始檔的方式，才能搶在他人之先，在網頁中添入新規格的功能? 二、觀看或編輯網頁原始? ?IE ?Netscape 中，你只要用滑鼠點選「檢視」功能表中的「原始檔」指令，就可以看到目前網頁的原始檔? 由於網頁原始檔本身是文字檔的格式，因此你可以用任何的文字編輯器來直接編寫網頁?不過，使用文字編輯器時，你必須注?下列兩點才不會造成困擾? 在許多文字編輯器的檔案瀏覽對話框中，預設的檔案類型通常?.txt 的文?文件，因此無法看到和點選?.htm ?.html 為副檔名的網頁原始檔。許多人 因而誤以為網頁原始檔流失不見了。其實你只要把對話框中的檔案類型改選?「所有檔案（*.*）」，就可以看到和點選網頁原始檔了? 當你儲存新檔案而沒有指定副檔名時，大部分的文字編輯器會自動地以 .txt 作為其副檔名。然而，網頁原始檔一定要?.htm ?.html 為副檔名，所以儲存新的網頁原始檔時，不要忘了在檔案名稱之後加?.htm ?.html? 三、HTML概述 在這一節中，我們以 底下所示的網頁範例來說明一?HTML 基本的術語與概念? 1. HTML 2. HEAD 3. META HTTP-EQUIV=Content-type CONTENT=