2013/06/14

HTML的基本 - 標籤


HTML文件,是由許許多多的標籤組合而成,標籤又分成兩種:成對標籤與不成對(單獨)標籤。理解這些小玩意是你成功破解外星語言般的HTML的第一步。



一份HTML,基本架構如下:

<html>
     <head>
     </head>

     <body>
          網頁內容
     </body>
</html>

我們可以看到所有的內容都被包在HTML開始標籤 <html> 與結束標籤 </html> 裡面。

事實上幾乎所有的成對標籤都長得如此 - 由 <標籤名稱> 開始,並搭配另一個帶有"/"的同名結束標籤 </標籤名稱> 結束,而中間的東西,就屬於這個標籤的內容。

HTML裡有許多不同的標籤,各自擁有不同的功能,比如說 <a href=" "></a> 中間夾帶的文字,可以產生一個連結,而在 <b> 與 </b> 之間的文字會變粗體等等。

你可以發現,成對標籤的意義,在於它總是可以包含一些文字或其他物件。那麼單獨標籤的意義就很明確了:它是不能包東西的一種標籤。

比如說 <img src=" " /> 這個標籤代表的是一個影像, <br /> 代表的是一個換行符號,告訴你的瀏覽器:「這邊該換行了!」。他們都必須要在自己的開始標籤內結束自己,想當然爾就不成對了。

(嘿!你應該無法想像在圖片或換行符號裡夾上一些字會變得怎樣吧?)

沒有留言:

張貼留言