5.HTML列表元素

表

使用過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> 列表標簽定義一個標有數字的列表;

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> 列表標簽定義一個標有圓點的列表;

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段落,也用于格式化表

就之后要中秋和國慶了，這里推薦一個正確旅游方案：

10月1號出發，10月2號到寧波，租條漁船出發，傍晚到達釣魚島海域，借著夜色登島，插上國旗，約兩分鐘后，就會被日海保廳連夜押回東京，吃住在東京。10月3號上午外交部聲明：釣魚島自古以來就是中國的！對日方的行為嚴厲譴責，譴責，再譴責！要求日本無條件放人。這樣折騰到4號晚上，最終迫于壓力，日方同意遣送到第三方香港，當晚乘專機到達香港，維多利亞港夜色真美！5號上午8點外交部發傳真，要求上午辦好一切過境手續，隨香港商貿團直飛北京！下午在飛機上就能看到萬里長城。5號晚上在北京住好吃好喝好。6號上午被帶到外交部！在那里會受到批評教育，并寫保證書以后不再去釣魚島！6號下午專人陪同乘機返鄉，機場上，市政府領導親自接機，乘專車回家。剩下兩天，同學、同事請你吃飯，聽你吹牛逼，9號上班。

笑一笑十年少，并不是程序員就是一股勁悶著寫代碼，沒有情趣，廣為流傳一句話：要嫁就嫁程序員，錢多人傻死得早

閑暇之余建議大家還是多看看書，多保護下眼睛，眼保健操看遠處讓眼球放松放松下，祝大家有個好身體再入坑哈哈~有任何勘誤、代碼不正確、bug請加下企鵝群：526929231 內有大量案例和學習教程，對python、和web感興趣的朋友可以加下哦

無序列表

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

屬性	描述
disc	默認值，小黑圓點
square	實心方塊
circle	空心圓

PS：默認無序列表ul會有小黑圓點，部分瀏覽器版本可能呈現空心圓點使用范圍，一些比較有規律的一行或是一列列的通常都會采用無序列表使用相當多，比如導航條、文章列表、帖子列表等

有序列表

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

屬性	描述
1	默認值，數字列表排序
a	小寫字母排序
A	大寫字母序列號
i	羅馬小寫字母排序
I	羅馬大寫字母排序

使用場景：在線考試、問卷調查當中

自定義列表

在線咨詢

上一篇：JavaScript 算法每日一題：加一
下一篇：瀏覽器UserAgent的趣味史

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商