HTML文件,是由許許多多的標籤組合而成,標籤又分成兩種:成對標籤與不成對(單獨)標籤。理解這些小玩意是你成功破解外星語言般的HTML的第一步。
一份HTML,基本架構如下:
<html>
<head>
</head>
<body>
網頁內容
</body>
</html>
我們可以看到所有的內容都被包在HTML開始標籤
<html> 與結束標籤
</html> 裡面。
事實上幾乎所有的成對標籤都長得如此 - 由
<標籤名稱> 開始,並搭配另一個帶有"/"的同名結束標籤
</標籤名稱> 結束,而中間的東西,就屬於這個標籤的內容。
HTML裡有許多不同的標籤,各自擁有不同的功能,比如說
<a href=" "> 與
</a> 中間夾帶的文字,可以產生一個
連結,而在
<b> 與
</b> 之間的文字會變
粗體等等。
你可以發現,成對標籤的意義,在於它總是可以包含一些文字或其他物件。那麼單獨標籤的意義就很明確了:它是
不能包東西的一種標籤。
比如說
<img src=" " /> 這個標籤代表的是一個影像,
<br /> 代表的是一個換行符號,告訴你的瀏覽器:「這邊該換行了!」。他們都必須要在自己的開始標籤內結束自己,想當然爾就不成對了。
(嘿!你應該無法想像在圖片或換行符號裡夾上一些字會變得怎樣吧?)
沒有留言:
張貼留言