超文件标记语言.pdfVIP

HTML 超文件標記語言 撰寫超文件的語言 HyperText Makeup Language HTML的發展 • 1989, 由CERN的Tim Berners-Lee 提出 HTML 。 • 1993,W3C全球資訊網協會制定HTML 1.0版。 • 目前使用的HTML 4.01版 • W3C全球資訊網協會首頁： / W3C的首頁 檢索日期2008/07/10 W3C的HTML 4.01版介紹 /TR/html401/ 檢索日期2008/07/10 W3C的HTML 的歷史 /TR/html401/intro/intro.html#h-2.1 檢索日期2008/07/10 W3C的中國辦事處 檢索日期2008/07/10 HTML • HTML 超文件標記語言，是一種網頁設計 語言，撰寫成的文件，副檔名應命名為.htm 或.html ；每一份HTML文件，也就是一份 超文件，放到網頁伺服器中則稱為網頁。 • 完成的超文件，放置於伺服器上，使用者 再由客戶端電腦連線上網，利用瀏覽器指 定網頁的URL即可觀看該網頁資源。 • 網頁基本上是由「內容」和「HTML標 籤」組合而成。 HTML 4.01版特色 • 國際化 • 親切容易使用 • 表格群組化 • 提供OBJECT元素使文件容易嵌入媒體 • 樣式表(CSS)的提出使外觀更容易控制 • 配合文稿語言(Script)可撰寫出動態網頁 • 列印選項可包括關係網頁 設計HTML文件 • 設計HTML文件時，思考的角度： – 首先考慮內容：這份網頁要用來呈現什麼文件 內容? 這樣的內容要以什麼樣的方式來呈現會 比較易讀易懂? 最好將使用者立場及網頁親切 性也一併考慮。 – 外觀與表現方式：超文件的內容可以包含圖、 聲音及影像，所以在呈現文件時可以考慮加入 這些元件來幫助呈現與表達。 – 是否將表現分離? 使用樣式表，可降低開發成 本，使網頁容易維護。 W3C的HTML線上教學 /MarkUp/Guide/ 檢索日期2008/07/10 HTML 的語法結構 HTML文件結構 HTML HEAD 網頁檔頭資訊, 如標題… /HEAD BODY 網頁的本文部份之內容 /BODY /HTML HTML基礎範例 HTML HEAD TITLE標題文字/TITLE /HEAD BODY 本文內容 /BODY /HTML HTML標籤 • 每一個標籤包括三個部份： – 開始標籤 BODY – 內容 Hello, World! – 結束標籤 /BODY • 有些標