div和c是兩種常用的HTML標簽。div是“division”的縮寫，意味著將文檔劃分為獨立的部分；而c是“container”的縮寫，用于包含和組織其他HTML元素。當我們需要對頁面進行布局和結構分組時，div和c是非常有用的工具。下面將通過一些代碼案例詳細展示div和c的用法。
第一個案例是使用div來劃分頁面的不同區域。在以下代碼中，我們使用div將頁面分為頭部、導航欄、內容和頁腳四個區域：

<p><\div class="header">
<h1>Welcome to my website</h1>
<\div>
<br>
<\div class="nav">
<ul>
<li>Home</li>
<li>About</li>
<li>Contact</li>
</ul>
<\div>
<br>
<\div class="content">
<h2>About me</h2>
<p>I am a web developer with a passion for coding.</p>
<\div>
<br>
<\div class="footer">
<p>(c) 2022 My Website. All rights reserved.</p>
<\div></p>

在上面的代碼中，我們使用了class屬性給每個div添加了一個類名，以便可以使用CSS樣式來控制它們的外觀。通過使用這種分區方式，我們可以輕松地對頁面進行布局和樣式設置。
另一個例子是使用c來創建一個容器，并將其他元素放在其中。以下是一個使用c的示例代碼：

<p><\div class="container">
<h1>My Photo Gallery</h1>
<\div class="image">
<img src="photo1.jpg" alt="Photo 1">
<img src="photo2.jpg" alt="Photo 2">
<img src="photo3.jpg" alt="Photo 3">
<\div>
<\div class="caption">
<p>Some captions for the photos.</p>
<\div>
<\div></p>

在上面的代碼中，我們使用c作為一個容器，包含了一個標題和一組圖片。我們使用class屬性來為容器和其他元素添加樣式，并使用img標簽來插入圖片。通過使用c，我們可以在無需更改整個頁面結構的情況下，對特定部分進行樣式和布局設置。
來說，div和c是HTML中用于布局和結構分組的重要標簽。它們使我們能夠將頁面劃分為不同的區域，并輕松地對這些區域進行樣式和布局設置。無論是使用div來劃分頁面區域，還是使用c作為容器來放置其他元素，它們都是構建漂亮和有組織的網頁的強大工具。