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