HTML——列表

無序列表

無序列表是一個(gè)項(xiàng)目的列表登刺,此列項(xiàng)目使用項(xiàng)目符號進(jìn)行標(biāo)記嗡呼。

  • 無序列表始于<ul> 標(biāo)簽。每個(gè)列表項(xiàng)始于<li>晤锥。
  • 項(xiàng)目符號:"disc"黑色圓點(diǎn)(默認(rèn)),"circle"白色圓點(diǎn)矾瘾,"square"黑色方塊。
  • 列表項(xiàng)內(nèi)部可以使用段落蛉迹、換行符放妈、圖片荐操、鏈接以及其他列表等等珍策。
<ul type = "disc">
  <li>JavaScript</li>
  <li>Java</li>
</ul>
無序列表
無序列表

有序列表

有序列表也是一個(gè)項(xiàng)目的列表,列表項(xiàng)目使用數(shù)字進(jìn)行標(biāo)記屯耸。

  • 有序列表始于<ol> 標(biāo)簽蹭劈。每個(gè)列表項(xiàng)始于<li>
  • 列表項(xiàng)內(nèi)部可以使用段落多矮、換行符哈打、圖片、鏈接以及其他列表等等患雏。
<ol>
  <li>第一章</li>
  <li>第二章</li>
</ol>
有序列表
有序列表

自定義列表

自定義列表不僅僅是一列項(xiàng)目罢维,而是項(xiàng)目及其注釋的組合丙挽。

  • 自定義列表以<dl>標(biāo)簽開始。每個(gè)自定義列表項(xiàng)以<dt>開始平窘。每個(gè)自定義列表項(xiàng)的定義以<dd>開始凳怨。
  • 定義列表的列表項(xiàng)內(nèi)部可以使用段落、換行符紫新、圖片李剖、鏈接以及其他列表等等。
<dl>
   <dt>計(jì)算機(jī)</dt>
   <dd>用來計(jì)算的儀器 ... ...</dd>
   <dt>顯示器</dt>
   <dd>以視覺方式顯示信息的裝置 ... ...</dd>
</dl>
自定義列表
自定義列表

代碼實(shí)現(xiàn)

Github

效果展示
效果展示

Reference

W3School上的HTML基礎(chǔ)教程:http://www.w3school.com.cn/html/index.asp

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末充择,一起剝皮案震驚了整個(gè)濱河市匪蟀,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌观挎,老刑警劉巖查刻,帶你破解...
    沈念sama閱讀 206,723評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異普气,居然都是意外死亡佃延,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評論 2 382
  • 文/潘曉璐 我一進(jìn)店門仔沿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來尺棋,“玉大人,你說我怎么就攤上這事成福【2校” “怎么了?”我有些...
    開封第一講書人閱讀 152,998評論 0 344
  • 文/不壞的土叔 我叫張陵蕴潦,是天一觀的道長俘闯。 經(jīng)常有香客問我,道長真朗,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,323評論 1 279
  • 正文 為了忘掉前任秀菱,我火速辦了婚禮衍菱,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘脊串。我一直安慰自己,他們只是感情好放闺,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,355評論 5 374
  • 文/花漫 我一把揭開白布缕坎。 她就那樣靜靜地躺著,像睡著了一般匾寝。 火紅的嫁衣襯著肌膚如雪荷腊。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,079評論 1 285
  • 那天猜年,我揣著相機(jī)與錄音疾忍,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛勿璃,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播歧沪,決...
    沈念sama閱讀 38,389評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼莲组,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了撵孤?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,019評論 0 259
  • 序言:老撾萬榮一對情侶失蹤裕菠,失蹤者是張志新(化名)和其女友劉穎闭专,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體画髓,經(jīng)...
    沈念sama閱讀 43,519評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡平委,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,971評論 2 325
  • 正文 我和宋清朗相戀三年肆汹,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片昂勉。...
    茶點(diǎn)故事閱讀 38,100評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡岗照,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出攒至,到底是詐尸還是另有隱情,我是刑警寧澤库菲,帶...
    沈念sama閱讀 33,738評論 4 324
  • 正文 年R本政府宣布志膀,位于F島的核電站,受9級特大地震影響烫止,放射性物質(zhì)發(fā)生泄漏戳稽。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,293評論 3 307
  • 文/蒙蒙 一互躬、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧吨铸,春花似錦、人聲如沸舟奠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,289評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽耿戚。三九已至阿趁,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間脖阵,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,517評論 1 262
  • 我被黑心中介騙來泰國打工呜呐, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留悍募,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,547評論 2 354
  • 正文 我出身青樓洋魂,卻偏偏與公主長得像喜鼓,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,834評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 2017-09-07摘抄自W3school-HTML 列表希望幫助自己系統(tǒng)地打好基礎(chǔ)顿锰,也能在做筆記的同時(shí)添加一些自...
    moralok閱讀 265評論 0 0
  • 作業(yè)內(nèi)容 使用HTML實(shí)現(xiàn)如下列表 知識點(diǎn) : HTML列表使用 無序列表 無序列表是一個(gè)項(xiàng)目的列表硼控,此列項(xiàng)目使用...
    z嘉嘉嘉閱讀 735評論 0 1
  • html有三種列表:有序列表、無序列表匙隔、自定義列表 有序列表:有序列表是一列項(xiàng)目熏版,列表項(xiàng)目使用數(shù)字進(jìn)行標(biāo)記。 有序...
    __Qiao閱讀 414評論 0 1
  • 1再膳、 那羅延出生在般若寺,父親是西魏大將喂柒。據(jù)說他出生時(shí)赤光滿室禾嫉,紫氣充庭,寺中的神尼智仙說他天生異相熙参,是注定要得天...
    靈廚閱讀 2,844評論 1 7
  • 昨天LY在文中說她最近有些糾結(jié)弄屡,主要是離職的事情。她現(xiàn)在是一名開發(fā)工程師迈嘹,想轉(zhuǎn)行去做測試工程師。她的糾結(jié)在于她在這...
    路元閱讀 385評論 3 5