一、列表

1.無序列表：(點索引)

ul屬性type可選值：disc/circle/square(圓實心點/圓空心點/方實心點)

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

2.有序列表：(數字索引)

ol屬性type可選值：A/a(默認數字序號/大寫字母序號/小寫字母序號)

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

3.定義列表：

自定義列表不僅僅是一列項目，而是項目及其注釋的組合。

自定義列表<dl>，自定義列表項<dt>，列表項的定義<dd> (顯示格式不同)

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

4.列表標簽

標簽	描述
<ol>	定義有序列表。
<ul>	定義無序列表。
<li>	定義列表項。
<dl>	定義定義列表。
<dt>	定義定義項目。
<dd>	定義定義的描述。
<dir>	已廢棄。使用 <ul> 代替它。
<menu>	已廢棄。使用 <ul> 代替它。

二、元素類型：

塊元素（block）、內聯元素（in-line）

1.塊級元素：

　　* address - 地址
　　* blockquote - 塊引用
　　* center - 舉中對齊塊
　　* dir - 目錄列表
　　* div - 常用塊級容易，也是css layout的主要標簽
　　* dl - 定義列表
　　* fieldset - form控制組
　　* form - 交互表單
　　* h1 - 大標題
　　* h2 - 副標題
　　* h3 - 3級標題
　　* h4 - 4級標題
　　* h5 - 5級標題
　　* h6 - 6級標題
　　* hr - 水平分隔線
　　* isindex - input prompt
　　* menu - 菜單列表
　　* noframes - frames可選內容，（對于不支持frame的瀏覽器顯示此區塊內容
　　* noscript - 可選腳本內容（對于不支持script的瀏覽器顯示此內容）
　　* ol - 排序表單
　　* p - 段落
　　* pre - 格式化文本
　　* table - 表格
　　* ul - 非排序列表

2.內聯元素：

　　* a - 錨點
　　* abbr - 縮寫
　　* acronym - 首字
　　* b - 粗體(不推薦)
　　* bdo - bidi override
　　* big - 大字體
　　* br - 換行
　　* cite - 引用
　　* code - 計算機代碼(在引用源碼的時候需要)
　　* dfn - 定義字段
　　* em - 強調
　　* font - 字體設定(不推薦)
　　* i - 斜體
　　* img - 圖片
　　* input - 輸入框
　　* kbd - 定義鍵盤文本
　　* label - 表格標簽
　　* q - 短引用
　　* s - 中劃線(不推薦)
　　* samp - 定義范例計算機代碼
　　* select - 項目選擇
　　* small - 小字體文本
　　* span - 常用內聯容器，定義文本內區塊
　　* strike - 中劃線
　　* strong - 粗體強調
　　* sub - 下標
　　* sup - 上標
　　* textarea - 多行文本輸入框
　　* tt - 電傳文本
　　* u - 下劃線
　　* var - 定義變量

3.可變元素：

可變元素為根據上下文語境決定該元素為塊元素或者內聯元素。
　　* applet - java applet
　　* button - 按鈕
　　* del - 刪除文本
　　* iframe - inline frame
　　* ins - 插入的文本
　　* map - 圖片區塊(map)
　　* object - object對象
　　* script - 客戶端腳本

4.區別：

塊級元素另起一行，內聯元素不會另起一行。

div常用于文檔布局(塊級元素)，span常用于文本容器(內聯元素)

div 唯一標識

<div id="hotList">
   <h2>排行榜</h2>
    <ol>
       <li>權威指南</li>
       <li>編程藝術</li>
       <li>語言精粹</li>
    </ol>
</div>

　　

參考：http://blog.csdn.net/sjw890821sjw/article/details/7883978

總結

以上是生活随笔為你收集整理的HTML——列表、块级/内联元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。