最新的Web開發教程
 

HTML <ul> Tag


無序HTML列表:

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
試一試»

更多“試一試”的例子。


定義和用法

<ul>標籤定義一個無序的(項目)列表。

使用<ul>一起標記和<li>標籤來創建無序列表。


瀏覽器支持

元件
<ul>

提示和注意

提示:使用CSS樣式表。

提示:要創建有序列表,使用<ol>標記。


HTML 4.01和HTML5之間的差異

該“契約”和“類型”屬性在HTML5支持。


屬性

屬性 描述
compact compact 在HTML5不支持。
指定列表應呈現較正常為小
type disc
square
circle
在HTML5不支持。
指定的種類的標記的列表中的使用

全局屬性

<ul>標籤支持全局的HTML屬性


事件屬性

<ul>標籤支持的HTML事件屬性


試一試 - 示例

嵌套列表
名單內的列表。

另一個嵌套列表
一個更複雜的嵌套列表。


相關頁面

HTML教程: HTML列表

HTML DOM參考: Ul對象

CSS教程: 樣式列表


默認設置CSS

大多數瀏覽器將顯示<ul>與以下默認值元素:

ul {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}
試一試»