HTML <body> 標籤
示例
一個簡單的 HTML 文件
<html>
<head>
<title>文件標題</title>
</head>
<body>
<h1>這是一個標題</h1>
<p>這是一個段落.</p>
</body>
</html>
自己動手試一試 »
更多“自己嘗試”的例子見下文。
定義和用法
The <body>
標籤定義文件的 body。
The <body>
元素包含 HTML 文件的所有內容,如標題、段落、影像、超連結、表格、列表等。
注意: 一個 HTML 文件中只能有一個 <body>
元素。
瀏覽器支援
元素 | |||||
---|---|---|---|---|---|
<body> | 是 | 是 | 是 | 是 | 是 |
全域性屬性
The <body>
標籤也支援 HTML 中的全域性屬性。
事件屬性
The <body>
標籤也支援 HTML 中的事件屬性。
更多示例
示例
為文件新增背景影像(使用 CSS)
<html>
<head>
<style>
body {
background-image: url(w3s.png);
}
</style>
</head>
<body>
<h1>你好,世界!</h1>
<p><a href="https://w3schools.tw">訪問 W3Schools.com!</a></p>
</body>
自己動手試一試 »
示例
設定文件中文字的背景顏色(使用 CSS)
<html>
<head>
<style>
body {
background-color: #E6E6FA;
}
</style>
</head>
<body>
<h1>你好,世界!</h1>
<p><a href="https://w3schools.tw">訪問 W3Schools.com!</a></p>
</body>
自己動手試一試 »
示例
設定文件中文字的顏色(使用 CSS)
<html>
<head>
<style>
body {
color: green;
}
</style>
</head>
<body>
<h1>你好,世界!</h1>
<p>這是文字。</p>
<p><a href="https://w3schools.tw">訪問 W3Schools.com!</a></p>
</body>
</html>
自己動手試一試 »
示例
設定文件中未訪問連結的顏色(使用 CSS)
<html>
<head>
<style>
a:link {
color:#0000FF;
}
</style>
</head>
<body>
<p><a href="https://w3schools.tw">W3Schools.com</a></p>
<p><a href="https://w3schools.tw/html/">HTML 教程</a></p>
</body>
</html>
自己動手試一試 »
示例
設定文件中活動連結的顏色(使用 CSS)
<html>
<head>
<style>
a:active {
color:#00FF00;
}
</style>
</head>
<body>
<p><a href="https://w3schools.tw">W3Schools.com</a></p>
<p><a href="https://w3schools.tw/html/">HTML 教程</a></p>
</body>
</html>
自己動手試一試 »
示例
設定文件中已訪問連結的顏色(使用 CSS)
<html>
<head>
<style>
a:visited {
color:#FF0000;
}
</style>
</head>
<body>
<p><a href="https://w3schools.tw">W3Schools.com</a></p>
<p><a href="https://w3schools.tw/html/">HTML 教程</a></p>
</body>
</html>
自己動手試一試 »
相關頁面
HTML 教程:HTML 元素
HTML DOM 參考:Body 物件
HTML DOM 參考:document.body 屬性
預設 CSS 設定
大多數瀏覽器將顯示 <body>
元素具有以下預設值