前端學(xué)習(xí)之HTML——列表

列表

表格是用來(lái)顯示數(shù)據(jù)的,那么列表就是用來(lái)布局的幔荒。
列表最大的特點(diǎn)就是整齊糊闽、整潔、有序爹梁,它作為布局會(huì)更加自由和方便右犹。
根據(jù)使用情景不同,列表可以分為三大類(lèi):無(wú)序列表姚垃、有序列表和自定義列表念链。

無(wú)序列表

<ul> 標(biāo)簽表示 HTML 頁(yè)面中項(xiàng)目的無(wú)序列表,一般會(huì)以項(xiàng)目符號(hào)呈現(xiàn)列表項(xiàng)积糯,而列表項(xiàng)使用 <li>標(biāo)簽定義掂墓。無(wú)序列表的基本語(yǔ)法格式如下:

   <ul> 
          <li>列表項(xiàng)1</li>   <li>列表項(xiàng)2</li>   <li>列表項(xiàng)3</li>   ... 
  </ul>
  1. 無(wú)序列表的各個(gè)列表項(xiàng)之間沒(méi)有順序級(jí)別之分,是并列的看成。
  2. <ul></ul>中只能嵌套 <li></li>君编,直接在 <ul></ul> 標(biāo)簽中輸入其他標(biāo)簽或者文字的做法是不被允許的。
  3. <li></li>之間相當(dāng)于一個(gè)容器川慌,可以容納所有元素吃嘿。
  4. 無(wú)序列表會(huì)帶有自己的樣式屬性,但在實(shí)際使用時(shí)梦重,我們會(huì)使用 CSS 來(lái)設(shè)置兑燥。

有序列表

有序列表即為有排列順序的列表,其各個(gè)列表項(xiàng)會(huì)按照一定的順序排列定義忍饰。在 HTML 標(biāo)簽中贪嫂,<ol> 標(biāo)簽用于定義有序列表,列表排序以數(shù)字來(lái)顯示艾蓝,并且使用<li> 標(biāo)簽來(lái)定義列表項(xiàng)力崇。有序列表的基本語(yǔ)法格式如下:

  <ol>   
      <li>列表項(xiàng)1</li>   
      <li>列表項(xiàng)2</li>   
      <li>列表項(xiàng)3</li>   ... 
  </ol>
  1. <ol></ol>中只能嵌套<li></li>斗塘,直接在<ol></ol>標(biāo)簽中輸入其他標(biāo)簽或者文字的做法是不被允許的。
  2. <li></li>之間相當(dāng)于一個(gè)容器亮靴,可以容納所有元素馍盟。
  3. 有序列表會(huì)帶有自己樣式屬性,但在實(shí)際使用時(shí)茧吊,我們會(huì)使用 CSS 來(lái)設(shè)置贞岭。

自定義列表

自定義列表的使用場(chǎng)景:自定義列表常用于對(duì)術(shù)語(yǔ)或名詞進(jìn)行解釋和描述,定義列表的列表項(xiàng)前沒(méi)有任何項(xiàng)目符號(hào)搓侄。在 HTML 標(biāo)簽中瞄桨,<dl> 標(biāo)簽用于定義描述列表(或定義列表),該標(biāo)簽會(huì)與<dt>(定義項(xiàng)目/名字)和<dd>(描述每一個(gè)項(xiàng)目/名字)一起使用讶踪。語(yǔ)法如下:

   <dl>   
        <dt>名詞1</dt>   
        <dd>名詞1解釋1</dd>   
        <dd>名詞1解釋2</dd> 
  </dl>

列表總結(jié)

列表總結(jié).png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末芯侥,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子乳讥,更是在濱河造成了極大的恐慌柱查,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,490評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件云石,死亡現(xiàn)場(chǎng)離奇詭異唉工,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)汹忠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)淋硝,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人错维,你說(shuō)我怎么就攤上這事奖地。” “怎么了赋焕?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,830評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵参歹,是天一觀(guān)的道長(zhǎng)。 經(jīng)常有香客問(wèn)我隆判,道長(zhǎng)犬庇,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,957評(píng)論 1 295
  • 正文 為了忘掉前任侨嘀,我火速辦了婚禮臭挽,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘咬腕。我一直安慰自己欢峰,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,974評(píng)論 6 393
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著纽帖,像睡著了一般宠漩。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上懊直,一...
    開(kāi)封第一講書(shū)人閱讀 51,754評(píng)論 1 307
  • 那天扒吁,我揣著相機(jī)與錄音,去河邊找鬼室囊。 笑死雕崩,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的融撞。 我是一名探鬼主播盼铁,決...
    沈念sama閱讀 40,464評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼尝偎!你這毒婦竟也來(lái)了捉貌?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,357評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤冬念,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后牧挣,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體急前,經(jīng)...
    沈念sama閱讀 45,847評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,995評(píng)論 3 338
  • 正文 我和宋清朗相戀三年瀑构,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了裆针。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,137評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡寺晌,死狀恐怖世吨,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情呻征,我是刑警寧澤耘婚,帶...
    沈念sama閱讀 35,819評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站陆赋,受9級(jí)特大地震影響沐祷,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜攒岛,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,482評(píng)論 3 331
  • 文/蒙蒙 一赖临、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧灾锯,春花似錦兢榨、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,023評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)凌那。三九已至,卻和暖如春暖璧,著一層夾襖步出監(jiān)牢的瞬間案怯,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,149評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工澎办, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留嘲碱,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,409評(píng)論 3 373
  • 正文 我出身青樓局蚀,卻偏偏與公主長(zhǎng)得像麦锯,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子琅绅,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,086評(píng)論 2 355