網路○泡泡○新聞 Internet Pop-up News網站建置:HTML元件篇

○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'

 

Today's Pup-up News

網路○泡泡○新聞 Internet Pop-up News

  首頁
  網路資訊
  網路媒體
  電子商務
  網站建置
  電腦資訊
  學習日誌
  靈力補給站
  新鮮玩意兒
  EMAIL

1