我們可以使用HTML中的
元素來創造不同的網頁布局。在HTML中，
是一個容器，它允許我們將HTML代碼分組在一起，讓其成為一個邏輯塊。
<div> 這里是放置內容的區域 </div>
以上代碼將創建一個空的
元素。為了讓這個容器有用，我們可以放置HTML元素和文本在這里面。
<div> <h1>這是網頁的標題</h1> <p>這是正文內容。</p> </div>
在這個例子中，我們在
元素中放置了一個
元素，以及一個
元素。
當我們添加樣式（CSS）到
元素時，它將影響該容器內所有的 HTML 元素。
<style>
div {
background-color: lightgray;
padding: 10px;
}
</style>
<div>
<h1>這是網頁的標題</h1>
<p>這是正文內容。</p>
</div>在上面的例子中，我們給
元素添加了樣式。如同你所見，這使所有位于該容器內的 HTML 元素都獲得了相同的樣式。