如果你要製作網站的話,學習HTML是不可避免的。即使你用Dreamweaver等工具來製作網站,了解基本的HTML知識也會讓你在網站製作過程中倍感輕鬆,並有利於製作出更好的網站。
本篇我們將要學習HTML的重要成分-元素(element)。元素用於結構化HTML文檔,並告知瀏覽器如何呈現網頁。一般來說,元素由首標籤(start tag)、內容(content)和尾標籤(end tag)構成。
1. 「標籤」是什麼?
標籤(tag)指示元素的起始與結束。
所有標籤都有相同的格式:以小於號「<」開頭,以大於號「>」結尾。
一般說來,有兩種標籤-首標籤(start tag)(如<html>)和尾標籤(end tag)(如</html>)。它們唯一的區別在於,尾標籤多一條斜槓「/。你透過把內容放在首標籤和尾標籤之間來標記內容。
HTML主要是各式各樣的元素,所以,學習HTML,就是學習使用各種元素。
舉個例子:例如,b元素的作用是,告訴瀏覽器介於標籤<b>和</b>之間的文字應以粗體顯示。 (這裡的「b」是「粗體(bold)」的意思。)
例1:
<b>這句話顯示為粗體。 </b>
此範例在瀏覽器中會顯示如下:
h1、h2、h3、h4、h5及h6元素的作用是顯示標題(這裡的h是「標題(heading)」的意思)。其中h1是一級標題,字體最大;h2是二級標題,字體比一級標題略小;而h6是六級標題,它是最後一級標題,字體也最小。
例2:
<h1>這是標題</h1>
<h2>這是子標題</h2>
此範例在瀏覽器中會顯示如下:
常言道,凡事均有例外。在HTML中,也有例外的情況,即有些元素沒有尾標籤。這些沒有尾標籤的元素被稱為空元素(empty element),它們與具體文字內容無關,例如像下面這個換行標籤:<br />。
2. 標籤中的字母應該大寫還是小寫?
大多數瀏覽器不介意標籤是大寫還是小寫,或是混合大小寫。所以<HTML>、<html>或<HtMl>在瀏覽器上的顯示效果都一樣。但是,正確的寫法是採用小寫字母來書寫標籤。所以,要養成用小寫字母寫標籤的習慣。
3. 把標籤放在哪裡?
你應該在HTML文檔裡書寫標籤。一個網站可能包含多個HTML文件。上網的過程,其實就是開啟不同HTML文件的過程。