複製鏈接
請複製以下鏈接發送給好友
https://baike.baidu.hk/item/無序列表/20837157
複製
複製成功

無序列表

鎖定
無序列表是一個沒有特定順序的列表項的集合，也稱為項目列表。在無序列表中，各個列表之間屬於並列關係，沒有先後順序之分，它們之間以一個項目符號來標記。使用無序列表標籤ul的type屬性（使用CSS的list-style來代替），用户可以指定出現在列表項前的項目符號的樣式，主要有：disc（實心圓點）、circle（空心圓點）、square（實心方塊）、none（無項目符號）。
中文名
無序列表
外文名
UNordered List
符號樣式
disc、circle、square、none
插入標誌
利用成對的<ul></ul>
定義序列
列表項標籤<li></li>
應用學科
網頁製作

目錄

  1. 1 定義
  2. 2 基本語法
  3. 3 示例
  1. ▪ CSS樣式
  2. ▪ HTML代碼
  3. 4 實例演示
  1. ▪ 具體程序
  2. ▪ 瀏覽器顯示結果

無序列表定義

列表是指在網頁中將相關資料以條目的形式有序或者無需排列而形成的表。常見的列表包括無序列表（ul）、有序列表（ol）、和定義列表（dl）三種，還有不常用的目錄列表（dir）和菜單列表（menu）。利用列表來製作複雜的多重菜單也是現在流行的方法。 [1] 
無序列表是一個沒有特定順序的列表項的集合，也稱為項目列表。在無序列表中，各個列表之間屬於並列關係，沒有先後順序之分，它們之間以一個項目符號來標記。 [1] 

無序列表基本語法

<ul>
    <li>列表項1</li>
    <li>列表項2</li>
          ……
    <li>列表項n</li>
</ul>
1.在HTML文件中，可以利用成對的<ul></ul>標記來插入無序列表，中間的列表項標籤<li></li>（list-items）用來定義列表項序列。 [1] 
2.使用無序列表標籤ul的type屬性（使用CSS的list-style來代替）。用户可以指定出現在列表項前的項目符號的樣式，其取值以及相應的符號樣式如下：
（1）disc：指定項目符號為一個實心圓點（默認值是disc，是否使用該值在瀏覽器中效果都一樣）；
（2）circle：指定項目符號為一個空心圓點；
（3）square：指定項目符號為一個實心方塊；
（4）none：無項目符號。 [1] 

無序列表示例

無序列表CSS樣式

ul {list-style:disc}

無序列表HTML代碼

<ul>
    <li>最新課程表</li>
          ……
    <li>div+css高級應用學習</li>
</ul>

無序列表實例演示

無序列表具體程序

<html>
<body>
<h4>An Unordered List:</h4>
<ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ul>
</body>
</html>

無序列表瀏覽器顯示結果

An Unordered List:
● Coffee
● Tea
● Milk [2] 
參考資料
  • 1.    朱金華，胡秋芬，戚常林主編．網頁設計與製作．北京：機械工業出版社，2014：91-91
  • 2.    高金蘭，梁曉婭主編．HTML+CSS網頁製作教程．武漢：武漢大學出版社，2014：71-72