HTML - <body> 標籤

HTML 的<body>標籤用於定義任何HTML文件的主要內容，這些內容將在網頁上呈現。它包含頁面所有主要內容，包括<a href="/html/html_headings.htm" target="_blank">標題</a>、<a href="/html/html_paragraphs.htm" target="_blank">段落</a>、圖形、<a href="/html/html_tables.htm" target="_blank">表格</a>等。<body>標籤是一個這樣的元素，它作為所有其他網頁元素的容器。

語法

<body>
..
.. 
</body>

屬性

HTML body標籤支援<a href="/html/html_attributes_reference.htm" target="_blank">全域性屬性</a>和<a href="/html/html_events_reference.htm" target="_blank">事件屬性</a>。

嘗試點選圖示<img class="run-button" src="/images/run-button.png" alt="run button">執行按鈕來執行以下HTML程式碼以檢視輸出。

HTML body標籤示例

在下面的示例中，我們將看到帶有其他HTML元素的多個body標籤示例。

在body標籤中使用div和標題元素

在下面的示例中，我們建立了一個HTML文件以及一個<body>元素，它包含頁面的標題和div。

<!DOCTYPE html>
<html>
<body>
   <h1>Tutorialspoint Online HTML Editor</h1>
   <div>This is real time online HTML Editor</div>
</body>
</html>

在body標籤中使用div、標題和段落元素

在下面的示例中，我們建立了一個HTML文件以及一個<body>元素，它包含頁面的標題、div和段落。

<!DOCTYPE html>
<html>
<body>
   <h1>Tutorialspoint Online HTML Editor</h1>
   <div>This is real time online HTML Editor</div>
   <p>Tutorialspoint easy to learn!</p>
</body>
</html>

在body標籤中包含影像元素

在下面的示例中，我們建立了一個HTML文件，它將影像標籤放在body元素內。

<!DOCTYPE html>
<html>
<body>
   <h2>This is tutorialspoint logo!</h2>
   <img src="https://tutorialspoint.tw/images/logo.png?v2" alt="img" />
</body>
</html>

在body標籤中包含超連結元素

在下面的示例中，我們將超連結標籤放在body元素內。

<!DOCTYPE html>
<html>
<body>
   <a href="https://tutorialspoint.tw/index.htm"
      target="_blank">
      Tutorialspoint.com
   </a>
   <a href="https://tutorialspoint.tw/codingground.htm"
      target="_blank">
      Coding Ground
   </a>
</body>
</html>

支援的瀏覽器

標籤
body	是	是	是	是	是

html_tags_reference.htm

列印頁面