<div>可編寫(xiě)是指在HTML中，可以使用<div>元素創(chuàng)建可以自由定制樣式和布局的容器。div是一個(gè)塊級(jí)元素，它可以包裹其他HTML元素，并為它們提供一個(gè)獨(dú)立的容器。
<div>元素沒(méi)有任何默認(rèn)樣式和布局，因此它非常靈活，可以根據(jù)需求自由設(shè)計(jì)并定制樣式。它可以用于創(chuàng)建網(wǎng)頁(yè)的各種布局，例如網(wǎng)頁(yè)頭部、主內(nèi)容區(qū)域、側(cè)邊欄等。div可以與CSS結(jié)合使用，通過(guò)給<div>元素添加類(lèi)或ID，來(lái)應(yīng)用樣式。
下面我們來(lái)看幾個(gè)使用<div>的代碼案例。
案例一：創(chuàng)建一個(gè)包含兩個(gè)內(nèi)容塊的容器

<p><div></p>
<p>   <h1>標(biāo)題1</h1></p>
<p>   <p>這是第一個(gè)內(nèi)容塊的內(nèi)容。</p></p>
<p></div></p>

在上述代碼中，我們創(chuàng)建了一個(gè)包含一個(gè)標(biāo)題和一個(gè)段落的容器。div標(biāo)簽將<b>h1</b>和<b>p</b>標(biāo)簽包裹起來(lái)，并將它們作為一個(gè)整體顯示在網(wǎng)頁(yè)上。我們可以通過(guò)添加CSS樣式來(lái)修改<div>元素的外觀，例如設(shè)置背景顏色、邊框風(fēng)格等。
案例二：創(chuàng)建一個(gè)頁(yè)面布局

<p><div id="header"></p>
<p>   <h1>網(wǎng)頁(yè)頭部</h1></p>
<p></div></p>
<p><div id="main"></p>
<p>   <h2>主要內(nèi)容</h2></p>
<p>   <p>這是主要內(nèi)容的一部分。</p></p>
<p></div></p>
<p><div id="sidebar"></p>
<p>   <h3>側(cè)邊欄</h3></p>
<p>   <ul></p>
<p>      <li>導(dǎo)航1</li></p>
<p>      <li>導(dǎo)航2</li></p>
<p>      <li>導(dǎo)航3</li></p>
<p>   </ul></p>
<p></div></p>

在上述代碼中，我們使用<div>元素創(chuàng)建了一個(gè)簡(jiǎn)單的頁(yè)面布局。整個(gè)布局被分為三個(gè)塊：頭部、主要內(nèi)容和側(cè)邊欄。每個(gè)塊都使用一個(gè)帶有ID的<div>元素進(jìn)行包裹，這樣我們可以通過(guò)添加CSS樣式來(lái)控制它們的外觀和布局。
通過(guò)以上案例，我們可以看到<div>元素的靈活性和可定制性。它可以創(chuàng)建各種容器和布局，適應(yīng)不同的網(wǎng)頁(yè)設(shè)計(jì)需求。在實(shí)際應(yīng)用中，我們可以結(jié)合CSS等技術(shù)，通過(guò)對(duì)<div>元素進(jìn)行樣式設(shè)定，實(shí)現(xiàn)更加吸引人的頁(yè)面設(shè)計(jì)和布局。無(wú)論是創(chuàng)建一個(gè)簡(jiǎn)單的容器，還是實(shí)現(xiàn)復(fù)雜的頁(yè)面布局，<div>元素都是我們不可或缺的工具之一。