2.HTML基本認識※

一、HTML標籤

HTML檔案為純文字檔，副檔名為 .html或 .htm ，瀏覽器可直接開啟HTML檔。在編輯新網頁時請務先確認檔案編碼 (網頁請統一使用UTF-8)。
標籤 (tag)：
- 一對：<首標籤>+<尾標籤>，如：<p>內容</p>, <div>內容</div>。
- 單一：<空元素> (empty element)，如：<img src="image.jpg"/>, <br />。
屬性 (attribute)：
- <a href="link.html">連結</a>，其中的 href 即是屬性。
- 不同的元素有著不同數目、相同或不同的屬性。
撰寫HTML時，字母大小寫雖不影響頁面呈現結果(HTML 4.01)，但建議採用小寫(XHTML 1.0)
一個HTML標籤元素的基本結構如下圖：

二、DTD (document type definition, 文件類型定義)

Strict ：採嚴格定義，禁止使用過時語法。(像<FONT>就不支援)
Transitional ：採寬鬆定義，允許使用過時語法，但不可使用框架(Frameset) (實際上大部份瀏覽器還是支援)。
Frameset ：其與Transitional唯一的差別，在於可使用框架(Frameset)。
詳細差別可參考 w3cschool。
以現代的網頁多鼓勵用 HTML5，以前則較常使用 HTML 4.01 Transitional (html:4t)。嚴格寫法可用 XHTML 1.0 Stirct (html:xs) 或 HTML5 (html:5) 的DTD。 // HTML 4.01 Transitional DTD <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="zh"> // XHTML 1.0 Strict DTD <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh"> // HTML5 DTD <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh">
XHTML 1.0 = HTML 4.01 + XML 1.0，XHTML的標籤須英文小寫，屬性值前後一定要以符號 " 或 ' 括住。
如果不指定文件類型，HTML會是不合法的，大部分瀏覽器會用「相容(怪癖)模式（quirks mode）」來處理頁面，很可能會造成奇怪的結果，所以寫網頁的第一步，一定要先宣告DTD。(但很多寫網頁的人卻都不以為意)

三、HTML結構

<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01  Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh">

<head>
<title>這是標題</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
</head>

<html><body>

<p>這是段落文字</p>

</body></html>

<html></html>：HTML頁面。
<head></head>：通常裡面會有<meta> (中繼資料)，及<title> (頁面標題)，或<script>JavaScript、<link>外部連結、<style>CSS樣式。
<body></body>：主要內容，要呈現的資料從此標籤內開始輸入。
這些標籤需以巢狀結構包覆閉合(close)，才是符合HTML結構的語法。
進階了解：瀏覽器如何判斷文件為何種編碼：伺服器送出的 header > 網頁編碼 > 網頁有關charset的meta data

四、HTML基本常用標籤

標題：<h1></h1>~<h6></h6> (從1到6)
段落：<p></p>
清單：<ul></ul>、<ol></ol>
群組：<div></div>、<span></span> (本身無特殊意義及樣式，卻常用來作為排版用途)
輔助：換行<br />、水平線<hr />、註釋
文字效果：粗體<b>、斜體<i>、強調<strong> <em>、放大<big>、縮小<small>、上標<sup>、下標<sub>、刪除線<del>、預格式化<pre>。
已棄用(deprecated)的標籤(也就是不建議使用的標籤)： <center>置中、<font><basefont>字體、<s><strikeout>刪除線、<u>底線。
已棄用屬性：align(對齊)、bgcolor(背景色)、color(文字顏色)。
各種HTML標籤可參考 w3cschool

五、HTML特殊字元

常用特殊字元：
- 「<」(左括號)：<
- 「>」(右括號)：>
- 「"」(雙引號)："
- 「&」(AND號)：&
- 不換行空白： 
特殊符號表，可參考 w3cschool 或 XHTML Character Entity Reference