在網頁設計中，<body>和<div>是兩個重要的HTML標簽，它們在頁面布局和結構設計中起著關鍵作用。
，<body>標簽用于定義HTML文檔的主體部分，包含了網頁的所有可見內容。它是HTML文檔中唯一的一級標簽，且只能在文檔內出現一次。在<body>標簽內，我們可以添加各種HTML元素，比如標題、段落、圖像、鏈接等，來構建網頁的內容。它是網頁可見內容的容器，所有網頁的實際內容都應該放在<body>標簽內。
接下來，<div>標簽是一個通用的容器標簽，代表一個獨立的區域或一個分組，用于將相關的HTML元素分組在一起，方便進行樣式和布局的控制。它是一個塊級元素，通常用于實現網頁布局的結構。與<body>標簽不同，<div>標簽可以出現多次，可以嵌套在其他HTML元素中。
下面通過幾個代碼案例詳細說明<body>和<div>的用法和功能：
案例一：
<code><!DOCTYPE html> <html> <head> <title>My Page</title> </head> <body> <h1>Welcome to my page!</h1> <p>This is the content of the page.</p> </body> </html></code>
在這個案例中，<body>標簽包含了<h1>和
標簽，分別用于顯示網頁的標題和內容。這些HTML元素構成了網頁的實際內容，而<body>標簽作為它們的容器，將它們統一放置在網頁中。
案例二：
<code><!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<style>
.container {
width: 500px;
margin: 0 auto;
padding: 20px;
background-color: #f0f0f0;
}
</style>
</head>
<body>
<div class="container">
<h1>Welcome to my page!</h1>
<p>This is the content of the page.</p>
</div>
</body>
</html></code>在這個案例中，我們使用了<div>標簽來創建一個名為"container"的容器，用于包裹網頁的標題和內容。通過添加CSS樣式到<head>標簽內的<style>標簽中，我們可以對這個容器進行樣式和布局的控制，比如設置容器的寬度、邊距、內邊距和背景顏色。這樣，我們可以更好地控制網頁的整體布局和外觀。
綜上所述，<body>和<div>是網頁設計中非常重要的兩個HTML標簽。<body>標簽用于定義網頁的主體內容，是可見內容的容器；而<div>標簽則是一個通用的容器，用于分組相關的HTML元素，便于進行樣式和布局的控制。理解和正確使用這兩個標簽，有助于實現網頁的結構設計和布局控制。