常用的html標簽匯總、以及操作過程中的一些bug問題解決方法，以下龍騰飛網絡科技-小吳在建站實操中筆記記錄，一路走來，一步步學習、總結、整理的一些資料，不用死記硬背，保存使用非常方便，實操過程中遇到了就查詢搜索一下，實踐出真章，做多了自然就熟悉了：

【定義和用法】

ul標簽定義無序(帶項目符號)列表。

請使用 ul標簽和 li標簽來創建無序列表。

提示：請使用 CSS 來設置列表樣式。

提示：對于有序列表，請使用 ol標簽。

【實例】

例子 1

一個無序的 HTML 列表：

<ul>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li></ul>

例子 2

設置不同的列表樣式類型(使用 CSS)：

<ul style="list-style-type:circle">
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li></ul><ul style="list-style-type:disc">
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li></ul><ul style="list-style-type:square">
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li></ul>

例子 3

在列表中擴大和縮小行高(使用 CSS)

<ul style="line-height:180%">
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li></ul><ul style="line-height:80%">
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li></ul>

例子 4

在列表中創建另一個列表(嵌套列表)：

<ul>
  <li>咖啡</li>
  <li>茶    <ul>
      <li>普洱</li>
      <li>綠茶</li>
    </ul>
  </li>
  <li>牛奶</li></ul>

例子 5

創建更復雜的嵌套列表：

<ul>
  <li>咖啡</li>
  <li>茶    <ul>
      <li>普洱</li>
      <li>綠茶        <ul>
          <li>碧螺春</li>
          <li>龍井</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>牛奶</li></ul>

【默認的 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;}