HTML5列表的使用

內(nèi)容簡介:
  1. HTML列表的使用

1. HTML列表

  • 無序列表
    使用標(biāo)簽:<ul>、<li>
    屬性:disc、circle、square
  • 有序列表
    使用標(biāo)簽:<ol>、<li>
    屬性:A、a、I、i、start
  • 嵌套列表
    使用標(biāo)簽:<ul>、<ol>、<li>
  • 自定義列表
    使用標(biāo)簽:<dl>、<dt>、<dd>
<ol> 有序列表
<ul> 無序列表
<li>  列表項 
<dl> 自定義列表
<dt> 列表項
<dd> 描述

代碼片段:

<!--有序列表-->
<ol start = "10">
    <li>蘋果</li>
    <li>香蕉</li>
    <li>橘子</li>
</ol>

<!--無序列表-->
<ul type = "square">
    <li>課程</li>
    <!--嵌套列表-->
        <ul>
            <li>語文</li>
            <li>數(shù)學(xué)</li>
            <li>英語</li>
        </ul>
    <li>水果</li>
    <ul>
            <li>蘋果</li>
            <li>香蕉</li>
            <li>橘子</li>
    </ul>
</ul>

<!--自定義列表-->
<dl>
    <dt>hello world</dt>
       <dd>你好</dd>
    <dt>hello world</dt>
       <dd>你好</dd>
    <dt>hello world</dt>
       <dd>你好</dd>
<dl>

結(jié)果:
屏幕快照 2017-07-07 下午5.07.03.png

會持續(xù)更新,謝謝!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 學(xué)習(xí)HTML的最佳網(wǎng)站沒有之一http://www.w3school.com.cn/html/ 關(guān)于HTML/HT...
    Amyyy_閱讀 2,384評論 0 16
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進階之旅閱讀 16,878評論 32 459
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,094評論 25 709
  • 0.B/S結(jié)構(gòu) 瀏覽器服務(wù)器模式,web瀏覽器是客戶端最主要的應(yīng)用軟件.將客戶端使用web進行統(tǒng)一,系統(tǒng)功能實現(xiàn)集...
    liusong007閱讀 1,202評論 0 1
  • 記得第一次聽到有人說我瞧不起你的時候還是高中那會。那是上高二那年,我姐姐說:“不是我瞧不起你,你想考上重點大學(xué)真的...
    夜殤沉風(fēng)閱讀 498評論 0 1

友情鏈接更多精彩內(nèi)容