○HTML元件篇○
HTML文件是由HTML元件〈elements〉所組成的文件檔案。
HTML元件的定義是使用HTML標籤〈tags〉。
○HTML標籤
- HTML標籤是用來標記HTML元件
- HTML標籤的前後都有兩個符號<和>
- 這兩個符號稱為角括號〈angle brackets〉
- HTML標籤通常都是成對的,如<b>和</b>
- 一對標籤的第一個標籤是開始標籤,第二個標籤是結束標籤
- 在開始和結束標籤之間的文字是元件內容
- HTML標籤大小寫無差別,<b>和<B>的意思一樣
○HTML元件
這是HTML概念篇裡的範例:
<html>
<head>
<title>網頁的標題</title>
</head>
<body>
這是我的首頁。 <b>這行文字是粗體。</b>
</body>
</html>
這是一個HTML元件:
<b>這行文字是粗體。</b>
HTML元件起始於開始標籤:<b>
HTML元件的內容是:這行文字是粗體。
HTML元件結束於結束標籤:</b>
<b>標籤的目的是定義一個HTML元件應該被呈現為粗體。
這又是另一個HTML元件:
<body>
這是我的首頁。 <b>這行文字是粗體。</b>
</body>
這個HTML元件起始於<body>開始標籤;結束於</body>結束標籤。
<body>標籤的目的是定義一個HTML元件含有HTML文件的內容。
○為什麼我們要使用小寫標籤?
我們剛才提過HTML標籤大小寫無差別,<b>和<B>的意思一樣。當你在網路上漫遊時,你發現到大部分的HTML教學都在範例中使用大寫的HTML標籤。而我們總是使用小寫標籤。為什麼?
如果你準備進一步學習新版本的HTML,你應該開始學習使用小寫標籤。網際網路國際協會〈W3C, World Wide Web Consortium〉在他們的HTML 4推薦函中建議使用小寫標籤,在XHTML〈新版本〉中要求使用小寫標籤。
○標籤屬性〈Tag Attributes〉
標籤可以有屬性。屬性可以在網頁的HTML元件裡提供添加的資訊。
<body>這個標籤定義HTML網頁的內容元件。添加一個背景顏色〈bgcolor〉屬性,告訴瀏覽器網頁的背景顏色應該是紅色的,如<body bgcolor="red">。
<table>這個標籤定義HTML表格。添加一個框線〈border〉屬性,告訴瀏覽器表格應該是沒有框線的,如<table border="0">。
屬性通常以名稱/值〈name/value〉的形式成對出現,如名稱="值"。
屬性通常添加在HTML元件的開始標籤。
○引號樣式,"red"或'red'?
屬性的值應該總是放在引號裡面。雙引號樣式是最普遍的,但單引號樣式也是可以的。
在某些希罕的情況,如屬性的值本身就含有引號時,自然就必須使用單引號:
name='John"ShortGun"Nelson'
|