1、框架布局(使用DIV標簽)

在網頁中框架布局一般使用DIV布局，無論大小DIV盒子一般均使用DIV標簽(

2、列表型布局(使用ul li標簽)

遇到圖片列表、文章標題列表，通常使用ul li列表標簽進行布局。當然使用這些標簽時要進行設置需要CSS樣式達到布局效果。這樣程序調用數據時候更容易做循環內容。

3、標題型布局(使用h1、h2、h3、h4標簽)

遇到獨立的欄目標題、正文標簽，通常使用h1、h2、h3、h4標題標簽，這樣布局內容具有層次感。同時考慮SEO來說適當使用這些標題標簽有利于優化排名。

4、內容獨立樣式型(使用span)

在一段文字中，有幾個文字需要單獨設置一個顏色值，這個時候可以對這幾個文字加span標簽，對span標簽單獨設置class或直接CSS樣式達到效果，一般來說布局框架很少使用span。

5、功能型布局(img、b、strong、u、s等標簽)

遇到網頁中引人圖片使用Img標簽；遇到文字加粗可以使用b標簽或strong標簽、遇到下劃線可以使用u標簽、遇到文字貫穿線(刪除線)使用s標簽等，有時不一定使用CSS來實現這些功能布局，適當選用這些HTML標簽從SEO方面更加好些。

6、段落(p標簽)

一般文章段落都是使用p標簽，即每段文字開始時候使用

結束時使用

，這樣文章段落分明。

7、手動強行換行布局(br標簽)

遇到文字需要換行的使用br標簽即“

”，值得注意br標簽是單獨的標簽非盒子標簽，獨立的一個標簽，什么地方需要換行就使用br標簽。

8、表格型(table表格標簽)

在HTML布局中，學習DIV CSS并不意味著放棄table標簽，這個有時還是需要table標簽的，比如遇到表格型布局的，還是需要table tr td標簽布局，這個時候使用表格布局優于div標簽。

9、表單布局(form、input等)

遇到表單布局，比如注冊、登錄、填寫數據提交地方等，均是使用表單標簽。

Html每個標簽不一定是必須要帶一個或多個屬性。

因為有的標簽僅僅只是用來展示的作用，它不需要進行一些特殊的處理的，所以是不需要帶任何屬性的，比如一些P標簽。他就表示一個段落，這個時候是不需要帶屬性的也是可以顯示的，再或者一些ul標簽同樣如此。

1、元素： HTML網頁實際上就是由許許多多各種各樣的HTML元素構成的文本文件，并且任何網頁瀏覽器都可以直接運行HTML文件。所以可以這樣說，HTML元素就是構成HTML文件的基本對象，HTML元素可以說是一個統稱而已。HTML元素就是通過使用HTML標簽進行定義的。 2、標簽： 標簽就是、、

等被尖括號“<”和“>”包起來的對象，絕大部分的 標簽都是成對出現的，如、。當然還有少部分 不是成對出現的，如、等。 標簽就是用來標記HTML元素的。位于起始標簽和結束標簽之間的文本就是HTML元素的內容。 3、屬性： 為HTML元素提供各種附加信息的就是HTML屬性，它總是以"屬性名=屬性值"這種名值對的形式出現，而且屬性總是在HTML元素的開始標簽中進行定義。hhhhhhhhhh在這個示例中，這是示例頁面就是HTML元素，其中“hhhhhhhhhh”就是元素的具體內容了。