表

• 使用過word的同學應該都知道，列表基本分兩種，一種帶數字的有序列表，或者是圓點或方點等符號的無序列表
• 在HTML中，我們使用<ol></ol>標簽去創建有序列表，然后使用<li></li>去代表列表項，列表元素就放置其中。如下方所示

<ol>
      <li>開始標記</li>
      <li>結束標記</li>
      <li>實際元素</li>
    </ol>

• HTML中使用<ul></ul>標簽去代表無序列表，如下方所示：

<p>學習網頁的基本語言有無數的理由。以下是其中的 5 個：</p>
    <ul>
      <li>能夠使用基本的 Web 開發語言</li>
      <li>手工制作漂亮的網站，而不是依賴像 Wordpress 或 Wix 這樣的工具</li>
      <li>構建 Web 應用程序</li>
      <li>給朋友留下深刻印象</li>
      <li>玩得開心</li>
    </ul>

結合上一章，本次我們需要實現這樣的一個頁面：

立和使用列表

定義列表

<dl></dl>列表標簽定義列表;
<dt>定義列表標題;
<dd>定義列表內容;

說明:

1. dt和dd對應著的, 一個dt可以對應著多個dd;

2. dd完全是為了dt服務的, 對標題進行描述;

實例:

<dl>
<dt>標題1</dt><dd>內容11</dd><dd>內容12</dd>
<dt>標題2</dt><dd>內容21</dd><dd>內容22</dd>
</dl>

有序列表(unordered list)

<ol></ol> 列表標簽定義一個標有數字的列表;

<ol type="value"></ol>

1 默認值。數字有序列表。(1、2、3、4)

a 按字母順序排列的有序列表，小寫。(a、b、c、d)

A 按字母順序排列的有序列表，大寫。(A、B、C、D)

i 羅馬字母，小寫。(i, ii, iii, iv)

I 羅馬字母，大寫。(I, II, III, IV)

<ol>
<li>聯系人:</li>xxx
<li>聯系地址:</li>北京市豐臺區
<li>郵政編碼:</li>100036
</ol>

無序列表(ordered list)

<ul></ul> 列表標簽定義一個標有圓點的列表;

<ul type="value"></ul>

disc 默認值,實心圓。

circle 空心圓。

square 實心方塊。

<ul>
<li></li>
<li></li>
<li></li>
</ul>

目錄列表 所有主流瀏覽器都支持 <dir> 標簽。。

<dir></dir>標簽定義目錄列表。

<dir>
<li>HTML</li>
<li>XHTML</li>
<li>CSS</li>
</dir>

菜單列表 目前所有主流瀏覽器都不支持 <menu> 標簽。

<menu></menu>標簽可定義一個菜單列表。

<menu>
<li>html</li>
<li>xhtml</li>
</menu>

在實際工作中, 它的用途較少, 大部分我們還是用ul;

另外還可以使用:

<div align=""></div>分區標簽,用來排版大塊HTML段落,也用于格式化表

<ul>
 <li>111</li>
 <li>222</li>
 <li>333</li>
</ul>

<ol>
<li>111</li>
<li>222</li>
<li>333</li>
</ol>