Page 20 - eFG11203_丙級網頁設計含資訊類題庫工作項目解析學術科通關寶典_課本PDF
P. 20
丙級 網頁設計 術科
貳 認識 HTML 與 CSS 語法
（一）HTML（HyperText Markup Language，超文件標記語言）
1. 定義：HTML 是一種將文字、圖形、影像、聲音等多媒體資訊整合在一份
文件的語言；以 .htm、.html 為副檔名儲存。Dreamweaver 預設為 .html。
2. 功能：HTML 是瀏覽器可以執行的一種語言，瀏覽器可將它轉換成實際的
網頁畫面。
3. HTML 碼 ： HTML 是由標籤（Tag）碼所構成， 可分成單一標籤及對稱標籤。
4. 單一標籤：例如加入圖片的標籤為 <img>。
5. 對稱標籤：例如段落標籤為 <p>…</p>，其中間的文字則屬於該標籤的內
容。其指令的起始及結尾標籤成巢狀結構。
6. 標籤格式：< 標籤名稱 屬性 1=" 屬性 1 的值 ">；例如：<h2 align="center">。
7. HTML 碼的編寫可在記事本上編寫，再以 .html 為副檔名存檔。HTML 碼
的編寫大小寫均可，習慣上以小寫較佳。
（二）HTML 網頁結構、結構標籤
1. HTML 網頁結構：如下圖所示。
<html>
<head>
<title> 網頁標題文字 </title>
</head>
<body>
網頁內容
</body >
</html>
2. HTML 結構語法，如下表所示。
標籤指令 說明及範例
<html>… </html> html文件的結構是以<html>標籤起始，以</html>標籤結束。
<head>… </head> html 文件的標頭區域。
<title>… </title> 視窗藍色標題列的內容；範例：<title> 佳彥資訊 </title>
<body>… </body> html 文件的本體內容區域。
0-12
'( @ஔ߅ ਿ͉ٝᗆ 1IPUP*NQBDU JOEE ɨʹ
