當我們在HTML中使用 <body> 標籤時,我們實際上是在指定網頁的主要內容區域,這個區域包含了顯示在瀏覽器視窗中的實際頁面內容,例如文字、圖片、連結等。以下是一些 <body> 標籤的使用範例:

範例1:基本結構

html
<!DOCTYPE html> <html> <head> <title>我的網頁</title> </head> <body> <h1>歡迎光臨我的網頁</h1> <p>這是一個基本的HTML文件,用於示範如何使用 <code>&lt;body&gt;</code> 標籤。</p> </body> </html>

在這個範例中,<body> 標籤包含了一個 <h1> 標題和一個 <p> 段落,這些是網頁的主要內容。

範例2:插入圖片

html
<!DOCTYPE html> <html> <head> <title>圖片示例</title> </head> <body> <h1>我的網頁圖片示例</h1> <img src="example.jpg" alt="示例圖片"> </body> </html>

在這個範例中,<body> 標籤中包含了一個 <h1> 標題和一個 <img> 圖片標籤,用來顯示名為 "example.jpg" 的圖片。

範例3:連結到其他頁面

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文檔的根元素之一,用於包含所有可見的內容。