HTMLHyper Text Markup Language的縮寫,中文翻譯是超(Hyper)文字(Text)標記(Markup)語言(Language)。這是所有網頁使用的基本語言格式,如果將網頁呈現的面貌視為程式執行的效果,那麼HTML就可以說是網頁的程式碼。隨著互動式網頁的需求與功能的增加,擴充HTML的技術是目前網路語言發展的主流,整個全球資訊網(WWW)內的軟體技術都以HTML為基礎,也泛稱為 Web 軟體技術。

         HTML與一般程式語言不同之處是他並不提供計算、列印或存檔等功能性指令;只提供一些建構網頁排版方式的設定。這些設定稱為『標籤,Tag』,標籤通常成對出現,包覆的範圍也就是標籤適用的範圍,詳細的範例說明在相關的網站或書籍中參考資料都非常多,在此列出及提要說明本單元應該學會的一些基本標籤(語言)!

HTML 通常是整個網頁的開始與結束,意思是說『此標籤區塊內講的是HTML』語言。
HEAD 這是標記檔頭資訊的區塊,裡面最常見的主角是網頁標題
TITLE 網頁標題,就是網頁視窗框框上面顯示的文字。
BODY 網頁主體,其間的內容就是網頁顯示區的HTML程式碼。
P 文字段落,就是文章一個段落的開始與結束,可以不用成對。
BR 斷行,這個標籤不需要成對。
  加一格空白,不需要成對。
 ! 註解的意思,不需要成對
 I, B, U  斜體字、粗體字與底線字
H1~H6 標題字,H1最大,要成對出現
FONT size=? color= face=? :定義字的大小、顏色與字體。
img src="檔案或網址"   插入圖片像這樣就可以了!不需要 /img
A href="檔案或網址" 這是超連結的寫法

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程式?