
| HTML是Hyper Text Markup Language的縮寫,中文翻譯是超(Hyper)文字(Text)標記(Markup)語言(Language)。這是所有網頁使用的基本語言格式,如果將網頁呈現的面貌視為程式執行的效果,那麼HTML就可以說是網頁的程式碼。隨著互動式網頁的需求與功能的增加,擴充HTML的技術是目前網路語言發展的主流,整個全球資訊網(WWW)內的軟體技術都以HTML為基礎,也泛稱為 Web 軟體技術。 | ||||||||||||||||||||||||||
|
HTML與一般程式語言不同之處是他並不提供計算、列印或存檔等功能性指令;只提供一些建構網頁排版方式的設定。這些設定稱為『標籤,Tag』,標籤通常成對出現,包覆的範圍也就是標籤適用的範圍,詳細的範例說明在相關的網站或書籍中參考資料都非常多,在此列出及提要說明本單元應該學會的一些基本標籤(語言)! |
||||||||||||||||||||||||||
|
||||||||||||||||||||||||||
|
HTML可以直接用記事本撰寫,用瀏覽器執行即可,但記得檔名必須為 *.htm 或 *.html。 如 FrontPage 或 DreamWeaver 等軟體可以幫我們用圖型化介面產生 HTML 程式碼。 本節課為HTML原理的介紹與練習,請跟隨老師示範操作已下動作。 |
||||||||||||||||||||||||||
|
練習一:用瀏覽器看看網頁的原始檔,功能表的檢視→原始檔 練習二:用記事本寫一個有標題與簡單本文的網頁(Title and Body) 練習三:用記事本寫顯示一首唐詩的網頁(分行;字型;字體大小;粗斜體等等練習) 練習四:用記事本寫一個有插圖的文件 練習五:用記事本寫一個有超連結的文件 練習六:用記事本寫一個來源是網路的圖片 |
||||||||||||||||||||||||||
|
參考習題: .請寫出 HTML 語言的英文全名,以及逐字翻譯。 2.HTML的主要用途為何? 3.標籤TITLE的作用為何? 4.HTML中的文字斷行需用何種標籤? 5.請問<!...>的意義是? 6.標籤的大小寫前後是否必須一致? 7.<Font face=?>問號處應填寫哪種屬性? 8.寫一個可以顯示一張圖片的簡單 HTML 檔案 9.請寫一個用文字Yahoo超聯結到Yahoo網站的HTML檔案 10.在瀏覽器中怎麼樣可以看到網頁的原始HTML程式? |