第一章超文件标记语言.doc

第一章 超文件標記語言 標記語言 HTML是一種標記語言，被用來規格化文字跟資訊。在HTML中，文字被標記成元件，使用一個主要單字加上成對的角括弧而成的標籤表示。例如：＜html＞與＜/html＞。 編輯HTML 我們要如何編輯HTML呢？我們可以使用一般文字編輯軟體（如：wordpad、ultraedit）來製作檔案，並以.html或.htm的附檔名來儲存。在HTML標記語言中，錯誤通常不是致命的，瀏覽器會盡它最大的努力來執行這個網頁，但是可能不會出現你想要的。 首頁的檔名應該是index.html或index.htm。如果沒有這檔案，瀏覽網頁時需輸入正確的網頁。 一般的元件 HTML文件的檔案架構大概如下： !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “/TR/html4/strict.dtd” html !-- Our first Web head titleXML How to Program – Welcome/title /head body p Welcome to Our Web Site!/p /body /html 檔頭 下列顯示檔頭是如何被使用。注意每個檔頭物件的內容實際大小是由瀏覽器所選擇，且可能在不同瀏覽器中變化很明顯。 !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “/TR/html4/strict.dtd” html !—HTML header -- head titleXML How to Program – Headers/title /head body h1Level 1 Header/h1 h2Level 2 Header/h2 h3Level 3 Header/h3 h4Level 4 Header/h4 h5Level 5 Header/h5 h6Level 6 Header/h6 /body /html 連結 HTML最重要的功能就是他能夠創造超連結到其他的文件檔。文字與圖片都可以當作錨點來連結。 pa href=””Yahoo/a/p pa href=”mailto:dks@.tw”My Email/a/p 圖像 HTML可以將圖形合併進網頁中。 pimg src = “xmlhtp.jpg” height=”238” width=”183” alt = “Demonstration of the alt attribute”/p 特殊字 在HTML4.01中，提供使用者加入特殊的字元和符號。 語法： ＆code; pAll information on this site is strongcopy;/strong Deitel strongamp;/strong Associates, 1999./p 也可以用十六進位的程式碼。如： #38 未排序的列單 未排序的列單創造了一個表單，這個表單的每一行在大部分的瀏覽器看來都是一個項目標記所開始 ul lia href=””Yahoo/a/li lia href=””AltaVista/a/li /ul 巢狀和排列的列單 ul liNew game/li liNew applications ul liFor business/li liFor pleasure/li /ul /li /ul ol liBill Gate/li liSteve Jobs/li liMichael Dell/li /ol 表格（Table） 表格使用在呈現表格化的資料。 table border =”1” width=”40%” … /table 表格中可以加入標題。 caption Here is a small sample table./caption 表格清楚的分割成水平及垂直部分。通常將所有的標題資料（如：表格的標題及欄位的標題）放在thead元件中。 thead trthThis is the head./th/tr /thead 對於內容的部分，我們使用tbody 元件”right” col span=”4” /colgroup rowspan，colspan──當需建立資料欄位大於原本資料欄位時可使用。 th colspan=”4”…/th valign──設定欄位中文字的垂直對準格式。其值有”top”，”middle”，”bottom”以及“baseline”。 th valign=”top”…/th 表單 當別人瀏覽你的網站時，HTML提供了表單幫助你蒐集有用的資訊。其語法為： form method=”post” action=”/cgi-bin/formm