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="http://www.php.cn">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 版本中強制使用小寫。所以在之後的標籤,還有屬性的書寫中我們一律採取小寫。

繼續學習
||
<h1>This is first heading</h1> <h2>This is second heading</h2> <h3>This is third heading</h3>
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!