和CSS是構建網頁的核心。HTML提供結構和標記，div標記用于組織結構，并且在CSS的配合下，可以為網頁添加樣式。

在HTML文檔中，div標記充當著容器的角色。它的主要作用是把一段內容組織成為整體，并將樣式應用到整個容器。通過給div標記添加ID或class屬性，可以為每個容器添加不同的樣式。

除了作為樣式容器之外，div標記還可以用于將頁面分成幾個區塊，以便更好地組織內容。例如，在一個典型的布局中，頁面通常被分為頁頭、正文、側邊欄和頁腳。通過將每個區塊放在一個div容器中，可以更容易地對頁面進行樣式定義和布局操作。

/*為頁頭設置樣式*/
#header{
background-color: #eee;
height: 100px;
}
/*為正文設置樣式*/
#content{
float: left;
width: 70%;
background-color: #ccc;
padding: 20px;
}
/*為側邊欄設置樣式*/
#sidebar{
float: right;
width: 30%;
background-color: #ddd;
padding: 20px;
}
/*為頁腳設置樣式*/
#footer{
clear: both;
background-color: #eee;
height: 50px;
}

除了div標記，CSS還支持其他許多標記，例如、

和