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>

程式碼運行結果：

實例解釋：透過點擊上面的「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>

提交重置程式碼

自動運行

全螢幕