TShopping

標題: HTML 元素 [打印本頁]

作者: woff    時間: 2008-12-31 12:26
標題: HTML 元素
HTML文件是由HTML元素(elements)所組成的文字檔案
HTML元素是由HTML標籤(tags)所組成的
HTML標籤

* HTML標籤是用來組成HTML元素
* 在符號<和>之內的文字即為HTML標籤
* 將HTML標籤包起來的<和>稱為 angle brackets
* HTML標籤通常是一對的, 像是<b>和</b>
* 在這對標籤裡的第一個標籤稱為起始標籤(starts tag),例如<b>, 第二個標籤稱為結束標籤(end tag),例如</b>
* 在起始標籤和結束標籤之間的文字即為元素內容
* HTML的標籤並沒有大小寫的分別, 例如像是<b>和<B>意思是一樣的

HTML元素(elements)

之前的HTML程式

<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage.<b>This text is bold</b>
</body>
</html>

下面這段程式碼便是HTML元素:

<b>This text is bold</b>

這個HTML元素是由標籤<b>開始, 並且在</b>結束, 而"This text is bold"就是HTML元素的內容了, 而標籤<b>的目的就是要使瀏覽器將HTML元素顯示成粗體字

下面這段程式也可稱為是HTML元素:

<body>
This is my first homepage.<b>This text is bold</b>
</body>

這個HTML元素是由標籤<body>開始, 並且在</body>結束, 而標籤<body>的目的就是要告訴瀏覽器這個HTML元素內容包函了HTML文件的主體(主要內容)
為什麼使用小寫的標籤?

我們剛剛才說HTML的標籤並沒有大小寫的分別, 例如像是<b>和<B>意思是一樣的, 但當你在瀏覽網路時, 你會看到許多的教學文件在他們的範例裡都是使用大寫的HTML標籤, 而在我們的教學文件裡卻都是使用小寫的HTML標籤, 為什麼呢?

因為W3C建議在HTML4裡使用小寫標籤並且在XHTML(下一代的HTML)也要求使用小寫的標籤, 所以如果你要為下一代的HTML作準備的話, 那麼你就應該開始使用小寫的HTML標籤
標籤屬性

標籤也可以擁有屬性, 標籤的屬性可以為你網頁裡的HTML元素提供一些額外的訊息給瀏覽器

標籤<body>是定義HTML網頁的主要內容, 當你在<body>標籤裡加入背景顏色的屬性, 你就可以告訴瀏覽器你的網頁背景顏色為紅色, 例如:<body bgcolor="red">

<table>這個標籤是用來定義網頁裡的表格, 當你要告訴瀏覽器你這個表格沒有邊界時, 你就可以在這個標籤裡加入"邊界"的屬性, 例如:<table border="0">

屬性的設定方式為:名稱/值,例如:name="value", 而屬性必需加在HTML元素的起始標籤裡
引號的方式, "red"或是'red'?

屬性的值必需用引號把它包起來, 雙引號是比較常見的方式, 但是也允許使用單引號, 在一些比較少見的情況, 例如屬性的值也包函了引號的時候, 就有必要使用單引號了, 例如: name='John "ShotGun" Nelson'




歡迎光臨 TShopping (http://www.tshopping.com.tw/) Powered by Discuz! X3.2