1、超媒體文件(HTML格式)實務製作(一) (By 黃明祥 Oct. 26, 2004)一、基本概念 1. 縮寫HTML: Hypertext Markup Language (超媒體標示語言)URL: Uniform Resource Locator(一致資源定位器)WWW Browser: WWW瀏覽器WWW Server: WWW 伺服器WWW: World Wile Web(全球資訊網) 2. 編寫工具 2.1 HTML編寫工具：任何文書編輯器(記事本,小作家pe2,vi,notes,.) 2.2 影像製作工具： Photoshop, Image Pales, Corel Draw, 其

2、它 3. 瀏覽工具 Netscape, IE二、HTML主體架構檔名： xxx.htm (for Windows) xxx.html (for Unix) 格式：簡單的範例：歡迎蒞臨交通部電信研究所三、語法格式1. 主題(title) 主題用來顯示本頁之主題。顯示在netscape或ie最上面畫面。2. 標題(heading) 第一層標題 第二層標題 第三層標題 第四層標題 第五層標題 第六層標題 顯示文章之標題，類似文章之章、節、項。標題的字體與大小可由使用者自行設定。3. 新段落(paragraph) 產生一個新的段落4. 超連結及定位錨(Anchors) 4.1與其它文件做連結 連結內容

3、標題 用來連結(link)執行filename.htm之html檔案。在ie瀏覽器上，連結內容標題會以底線及不同顏色(default為籃色)顯示。當游標移到這些文字時，游標之形狀會由箭頭轉成手指狀，只要在此點一下就會跳到並執行filename.htm之HTML檔案。 4.2連結其它Web站 連結其它Web站 用來超連結(hyperlink)到其它Web站。範例：連結其它Web站scheme: http,file,gopher,WAIS,news,telnet,ftp,mailto 相對路徑連結： 絕對路徑連結： 4.3與同一份文件中之其它章節作連結 跳到本文其它有標xxxx位置 直接跳到本文其

4、它有標位置4.4與其它文件之章節作連結 跳到filename.htm文件上標xxxx位置 直接跳到filename.htm文件上有標 位置 4.5 連結到其它影像 連結到其它影像5. 列表(lists) 5.1 未標序號之排列(unordered list) 資料內容一 資料內容二 顯示結果：資料內容一資料內容二 5.2 有標序號之排列(oredered list) 資料內容一 資料內容二 顯示結果：1 資料內容一2 資料內容二5.3 多層次列表(nested list) 無序號資料內容一 有序號資料內容一 有序號資料內容二 有序號資料內容三 無序號資料內容二 顯示結果：無序號資料內容一 1

5、有序號資料內容一 2 有序號資料內容二 3 有序號資料內容三無序號資料內容二5.4 敘述性列表(definition list) 資料內容1 資料內容1.1 資料內容2 資料內容2.1 顯示結果：資料內容1資料內容1.1資料內容2資料內容2.11資料內容1.1資料內容 1.1.1資料內容 1.1.2資料內容 1.2資料內容2資料內容2.1資料內容3資料內容顯示結果： 1資料內容 1.1資料內容 1.1.1資料內容 1.1.2資料內容 1.2資料內容 2 資料內容 2.1資料內容 3 資料內容5.5 表格(table)表格標題欄位名稱一欄位名稱二欄位名稱三欄位名稱四資料內容一資料內容二資料內容三資料內容四6. 水平線(horizontal rule) 產生一等寬之水平線例： 7. 強迫換行(line break) 強迫換一行8. 註解(comment) 9. 使用原始排版方式 . 在與之間資料內容會按照原編輯檔案顯示螢幕上。換行及空白字不會被吃掉。10. 字型變化 資料內容資料內容以斜體字型顯示 資料內容資料內容以粗體字型顯示 打字機文字資料11. 特殊字元 : < : > &: & “: "12. 線上顯示影像 資料內容資料內容之文字會放在圖下 資料內容資料內容之文字會