当前位置:   article > 正文

列表标签ul、ol、dl、li_ul li标题

ul li标题

列表标签的种类

  • 无序列表标签(ul标签)
  • 有序列表标签(ol标签)
  • 自定义列表标签(dl标签)

无序列表

无序列表的各个列表项之间没有顺序级别之分,是并列的。其基本语法格式如下:

  1. <!-- ul标签定义无序列表 -->
  2. <ul>
  3. <!-- li标签定义列表项目 -->
  4. <li>列表标题一</li>
  5. <li>列表标题二</li>
  6. <li>列表标题三</li>
  7. </ul>

注意:

  •  <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
  •  <li>与</li>之间相当于一个容器,可以容纳所有元素。<li>中可以嵌套别的标签。
  •  无序列表会带有自己样式属性,放下那个样式,一会让CSS来!

有序列表

有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列定义,有序列表的基本语法格式如下:

  1. <!-- ol标签定义有序列表 -->
  2. <ol>
  3. <!-- li标签定义列表项目 -->
  4. <li><a href="#">列表标题一</a></li>
  5. <li><a href="#">列表标题二</a></li>
  6. <li><a href="#">列表标题三</a></li>
  7. </ol>

所有特性基本与ul 一致。 但是实际中比 无序列表 用的少很多。  

自定义列表

定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。其基本语法如下:

  1. <dl>
  2.  <dt>名词1</dt>
  3.  <dd>名词1解释1</dd>
  4.  <dd>名词1解释2</dd>
  5. ...
  6.  <dt>名词2</dt>
  7.  <dd>名词2解释1</dd>
  8.  <dd>名词2解释2</dd>
  9. ...
  10. </dl>

列表总结

标签名定义说明
<ul></ul>无序标签里面只能包含li 没有顺序,以后布局中最常用的列表
<ol></ol>有序标签里面只能包含li 有顺序, 使用情况较少
<dl></dl>自定义列表里面有2个兄弟, dt 和 dd
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/328780
推荐阅读
相关标签
  

闽ICP备14008679号