當我們在HTML中使用 <body> 標籤時,我們實際上是在指定網頁的主要內容區域,這個區域包含了顯示在瀏覽器視窗中的實際頁面內容,例如文字、圖片、連結等。以下是一些 <body> 標籤的使用範例:
html<!DOCTYPE html>
<html>
<head>
<title>我的網頁</title>
</head>
<body>
<h1>歡迎光臨我的網頁</h1>
<p>這是一個基本的HTML文件,用於示範如何使用 <code><body></code> 標籤。</p>
</body>
</html>
在這個範例中,<body> 標籤包含了一個 <h1> 標題和一個 <p> 段落,這些是網頁的主要內容。
html<!DOCTYPE html>
<html>
<head>
<title>圖片示例</title>
</head>
<body>
<h1>我的網頁圖片示例</h1>
<img src="example.jpg" alt="示例圖片">
</body>
</html>
在這個範例中,<body> 標籤中包含了一個 <h1> 標題和一個 <img> 圖片標籤,用來顯示名為 "example.jpg" 的圖片。
html<!DOCTYPE html>
<html>
<head>
<title>連結示例</title>
</head>
<body>
<h1>我的網頁連結示例</h1>
<p>請訪問 <a href="https://www.example.com">示例網站</a>。</p>
</body>
</html>
這個範例展示了如何在 <body> 標籤中使用 <a> 錨點標籤來創建一個超連結,將使用者引導至另一個網站。
這些例子演示了如何在HTML中使用 <body> 標籤來組織和呈現網頁的主要內容。請注意,<body> 標籤應該是HTML文檔的根元素之一,用於包含所有可見的內容。