HTML標籤

什麼是標籤

標籤就是上面這些< head>、< body>、< table> 等被尖括號“<”和「>」包起來的對象，絕大部分的標籤都是成對出現的，如< table>< /talbe>、< form>< /form>。標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤，開始和結束標籤也被稱為開放標籤和閉合標籤;當然還有少部分不是成對出現的，如< br> 、< hr>等。標籤就是用來標示HTML元素的。位於起始標籤和結束標籤之間的文字就是HTML元素的內容。

提前介紹什麼是元素（對比）

#很多人可能沒有把哪個叫標籤，哪個叫元素這個概念搞清楚，學了一直都是混淆著。 為了避免這樣的悲劇再發生，我在這裡就提前區別，事實上兩者之間的概念還是很清楚的

HTML網頁其實就是由許許多多各種各樣的HTML元素構成的文字文件，並且任何網頁瀏覽器都可以直接執行HTML文件。所以可以這樣說，HTML元素就是構成HTML檔案的基本對象，HTML元素可以說是一個統稱而已。 HTML元素就是透過使用HTML標籤來定義的。

例如< p>這就是一個標籤；< p>內容< /p>這就是一個元素，也就是說元素由一個開始的標籤和結束的標籤組成，用來包含某有些內容;這裡有一個值得注意的例外，即< br/>本身既是開始標籤也是結束標籤，但不包含任何內容，所以這只是個標籤。

我們後面會有具體的章節來講述元素，這裡是為了避免概念與標籤混亂先簡單提一下。

常用的標籤

我們知道，網頁能實現各種各樣的定制，實現各種各樣的功能，反過來可以說明我們的標籤種類是很多的，這樣才能實現各種各樣的功能及定義。而這裡我們先講四個最基本的標籤

HTML標題 Heading 是透過 < h1> - < h6> 等標籤定義的。 範例：

<h1>This is first heading</h1>
<h2>This is second heading</h2>
<h3>This is third heading</h3>

HTML段落 paragraph 是透過 < p> 標籤進行定義的。 範例：

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML連結 連結 是透過 < a> 標籤進行定義的。 範例：

<a href="//m.sbmmt.com">This is a link</a>

HTML映像 image是透過 <img> 標籤進行定義的。 範例：

<img src="php.jpg" width="100" height="142" />

這裡只是簡單的展示四個常用的標籤，至於具體使用方法及其他標籤，我們會在後面章節具體講述。這裡還要補充的一點就是：HTML 標籤對大小寫不敏感：< P> 等於 < p>。許多網站都使用大寫的 HTML 標籤。 W3School 使用的是小寫標籤，因為萬維網聯盟（W3C）在 HTML 4 中建議使用小寫，而在未來 (X)HTML 版本中強制使用小寫。所以在之後的標籤，還有屬性的書寫中我們一律採取小寫。