HTML 屬性

HTML 標籤可以擁有屬性。屬性提供了有關 HTML 元素的更多的資訊。

屬性總是以名稱/值對的形式出現,例如:name="value"。

屬性總是在 HTML 元素的開始標籤中規定。


實例

HTML 連結由 <a> 標籤定義。連結的位址在href 屬性中指定:

<a href="http://www.php.cn">This is a link</a>

#
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body>
    <a href="http://www.php.cn">This is a link</a>
</body>
</html>

程式碼運行結果:

1.png

實例解釋:透過點擊上面的「This is a link」會跳到 http:// www.w3school.com.cn 這個網站



#屬性範例1:



<h1> 定義標題的開始。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body>
<h1 align="center">标题</h1>
</body>
</html>

解釋:讓<h1>標題標題居中

屬性範例2:

< body> 定義HTML 文件的主體。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body bgcolor="yellow">
</body>
</html>

解釋:上面程式碼的意思是將網頁的背景顏色設為黃色

#提示

屬性和屬性值對大小寫不敏感。而新版本的 (X)HTML 則要求使用小寫屬性。

總是將引號加引號

###屬性值應該總是包含在引號內。雙引號是最常用的,不過使用單引號也沒問題。 ######在某些個別的情況下,例如屬性值本身就含有雙引號,那麼您必須使用單引號,例如:############name='Bill "HelloWorld " Gates'#####################HTML 屬性參考手冊##############我們的完整的HTML 參考手冊提供了每個HTML 元素可使用的合法屬性的完整列表:######完整的HTML 參考手冊######下面列出了適用於大多數HTML 元素的屬性:###
    #屬性    ##說明
    class    classname規定元素的類別名稱(classname)
    id    id規定元素的唯一id
    style    style_definition規定元素的行內樣式(inline style)
    title    text#規定元素的額外資訊(可在工具提示中顯示)

如需更多關於標準屬性的信息,請訪問:

HTML 標準屬性參考手冊


繼續學習
||
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <a href="http://www.php.cn">这是一个链接</a> </body> </html>