zoukankan      html  css  js  c++  java
  • 三种列表知识详解

     

    JavaWeb - ul,ol,dl标签

    HTML标签 - 无序列表:

    无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

    无序列表始于 <ul> 标签;

    每个列表项始于 <li> (列表项内部可以使用段落、换行符、图片、链接以及其他列表等)。

    具体事例:

    <ul>
         <li>列表项1</li>
         <li>列表项2</li>
    </ul>
    HTML标签 - 有序列表:
    
    和无序列表一样,有序列表是一列项目,列表项目使用数字进行标记。
    
    有序列表始于 <ol> 标签;
    每个列表项始于 <li> 标签(列表项内部可以使用段落、换行符、图片、链接以及其他列表等)。
    <ol>
         <li>有序列表项1</li>
         <li>有序列表项2</li>
    </ol>

    HTML标签 - 定义列表:

    自定义列表不仅仅是一列项目,而是项目及其注释的组合。

    自定义列表以 <dl> 标签开始;

    每个自定义列表项以 <dt> 开始;

    每个自定义列表项的定义以 <dd> 开始。

    (定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等)

    <dl>
        <dt>自定列表项1</dt>
        <dd>列表项的定义1</dd>
        <dt>自定列表项2</dt>
        <dd>列表项的定义2</dd>
    </dl>

    HTML标签 - 列表标签的应用

    <1> 不同类型的无序列表: type=“disc/circle/square”项目符号列表 ;

    <2> 不同类型的有序列表: type=“默认数字/大写字母A/小写字母a/大写罗马字母I/小写罗马字母i” 列表 ;

    <3> 嵌套列表: ul li(中嵌套ul li) ;

    <4> 2级嵌套列表: ul li(中嵌套ul li<中嵌套ul li>) ;

    <5> 定义列表;

  • 相关阅读:
    课堂作业
    Visual Studio Code for mac 设置中文
    git分支与主干合并操作
    git常用命令
    js事件冒泡和事件委托
    JS中的三种弹出式消息提醒(警告窗口、确认窗口、信息输入窗口)的命令是什么?
    常见的解决浏览器兼容性问题的方式有哪些
    vue问题大全
    浅析前端工程化
    前端中常见的数据结构小结
  • 原文地址:https://www.cnblogs.com/zengda/p/4334758.html
Copyright © 2011-2022 走看看