and other tags. We used them so far in their simplest form, but most "/>

HTML - Attributes

Example

<!DOCTYPE html> 
<html>
 
   <head> 
      <title>Align Attribute  Example</title> 
   </head>
	
   <body> 
      <p align = "left">This is left aligned</p> 
      <p align = "center">This is center aligned</p> 
      <p align = "right">This is right aligned</p> 
   </body>
	
</html>

這將顯示以下結果−

Core Attributes

可以在大多數HTML元素（儘管不是全部）上使用的四個核心屬性是−

Id
Title
Class
Style

The Id Attribute

HTML標記的id屬性可用於唯一標識HTML頁面中的任何元素。可能有兩個主要原因需要對元素使用id屬性−

如果一個元素帶有一個id屬性作爲唯一的標識符，那麼就可以只標識該元素及其內容。
如果網頁（或樣式表）中有兩個同名元素，則可以使用id屬性區分同名元素。

我們將在單獨的教程中討論樣式表。現在，讓我們使用id屬性來區分兩個段落元素，如下所示。

示例

<p id = "html">This para explains what is HTML</p>
<p id = "css">This para explains what is Cascading Style Sheet</p>

The title Attribute

title屬性爲元素提供建議的標題。它們的title屬性語法與id屬性&minus的解釋相似;

此屬性的行爲將取決於承載它的元素，儘管當光標移到元素上或加載元素時，它通常顯示爲工具提示。

示例

Live Demo

<!DOCTYPE html>
<html>

   <head>
      <title>The title Attribute Example</title>
   </head>
	
   <body>
      <h3 title = "Hello HTML!">Titled Heading Tag Example</h3>
   </body>
	
</html>

這將產生以下結果&負;

現在，試著將光標移到「標題標籤示例」上，您將看到代碼中使用的任何標題都將顯示爲光標的工具提示。

The class Attribute

類屬性用於將元素與樣式表關聯，並指定元素的類。在學習層疊樣式表（CSS）時，您將了解更多關於類屬性的使用。所以現在你可以避開它。

屬性的值也可以是用空格分隔的類名列表。例如−

class = "className1 className2 className3"

The style Attribute

style屬性允許您在元素中指定層疊樣式表（CSS）規則。

Live Demo

<!DOCTYPE html>
<html>

   <head>
      <title>The style Attribute</title>
   </head>
	
   <body>
      <p style = "font-family:arial; color:#FF0000;">Some text...</p>
   </body>
	
</html>

這將產生以下結果&負;

現在，我們還沒有學習CSS，所以讓我們繼續吧，不要太在意CSS。在這裡，您需要了解什麼是HTML屬性，以及在格式化內容時如何使用它們。

Internationalization Attributes

有三個國際化屬性，可用於大多數（儘管不是所有）XHTML元素。

dir
lang
xml:lang

The dir Attribute

dir屬性允許您向瀏覽器指示文本的流動方向。dir屬性可以取兩個值中的一個，如−後面的表中所示;

Value	Meaning
ltr	Left to right (the default value)
rtl	Right to left (for languages such as Hebrew or Arabic that are read right to left)

示例

Live Demo

<!DOCTYPE html>
<html dir = "rtl">

   <head>
      <title>Display Directions</title>
   </head>
	
   <body>
      This is how IE 5 renders right-to-left directed text.
   </body>
	
</html>

這將產生以下結果&負;

當在<html>標記中使用dir屬性時，它將確定文本在整個文檔中的顯示方式。當在另一個標記中使用時，它僅控制該標記內容的文本方向。

The lang Attribute

lang屬性允許您指示文檔中使用的主語言，但此屬性保留在HTML中只是爲了與早期版本的HTML向後兼容。這個屬性已經被新的XHTML文檔中的xml:lang屬性替換。

lang屬性的值是ISO-639標準雙字符語言代碼。有關語言代碼的完整列表，請查看html語言代碼：iso 639。

示例

Live Demo

<!DOCTYPE html>
<html lang = "en">

   <head>
      <title>English Language Page</title>
   </head>

   <body>
      This page is using English Language
   </body>

</html>

這將產生以下結果&負;

The xml:lang Attribute

xml:lang屬性是對lang屬性的XHTML替換。如前一節所述，xml:lang屬性的值應該是一個ISO-639國家代碼。

Generic Attributes

下面是一個包含一些其他屬性的表，這些屬性很容易與許多HTML標記一起使用。

Attribute	Options	Function
align	right, left, center	Horizontally aligns tags
valign	top, middle, bottom	Vertically aligns tags within an HTML element.
bgcolor	numeric, hexidecimal, RGB values	Places a background color behind an element
background	URL	Places a background image behind an element
id	User Defined	Names an element for use with Cascading Style Sheets.
class	User Defined	Classifies an element for use with Cascading Style Sheets.
width	Numeric Value	Specifies the width of tables, images, or table cells.
height	Numeric Value	Specifies the height of tables, images, or table cells.
title	User Defined	"Pop-up" title of the elements.

我們將看到相關的例子，因爲我們將繼續研究其他HTML標記。有關HTML標記和相關屬性的完整列表，請檢查對HTML標記列表的引用。