美文网首页
HTML系列(HTML列表)

HTML系列(HTML列表)

作者: 破折号 | 来源:发表于2019-02-25 11:38 被阅读0次

HTML列表分三种:无序列表、有序列表和定义列表
(HTML列表常用于页面中的导航)
(style="list-style:none"取消列表前的项目符号)

无序列表

<ul>(无序列表开始)
    <li>...</li>(表示一个项目)
    <li>...</li>...
</ul>(无序列表结束)

无序列表<li>的属性(例:<li type=”disc”>)

属性名称 属性值 说明
type disc 实心圆(默认)
type circle 空心圆
type square 实心方块
无序列表

有序列表

<ol>(有序列表开始)
     <li>...</li>(表示一个项目)
    <li>...</li>...
</ol>(有序列表结束)

有序列表<ol>的属性 (例:<ol type=”1”>)

属性名称 属性值 说明
type 1 表示以1,2,3来表示(默认)
type a 表示以a,b,c来表示
type A 表示以A,B,C来表示
type i 表示以i,ii,iii来表示
type I 表示以I,II,III来表示
有序列表

无序列表和有序列表结合

<ul>
  <li>
      <ol>
         <li>…</li>
         <li>…</li>
      </ol>
  </li>
  <li>
       <ol>
          <li>…</li>
          <li>…</li>
      </ol>
   </li>
 </ul>
无序列表和有序列表

定义列表

<dl>(定义列表开始)
    <dt>...</dt>(表示一个项目)
    <dd>...</dd>(表示一个项目下的更详细的内容)
    <dd>...</dd>...
</dl>(定义列表结束)
定义列表

相关文章

  • HTML系列(HTML列表)

    HTML列表分三种:无序列表、有序列表和定义列表(HTML列表常用于页面中的导航)(style="list-sty...

  • HTML学习心得(二)

    HTML 表格 表格中常用标签、属性及意义 HTML 列表 HTML无序列表 Coffee Milk 调...

  • html列表

    列表 苹果 菠萝 香蕉 苹果 菠萝 香蕉 1.无序列表 使用...

  • html列表

    无序列表 有序列表 自定义列表 表格 表格书写的快速格式 表格完全格式 单元格合并 细线表格

  • HTML 列表

    列表分为有序列表、无序列表。还可以对列表进行自定义。 无序列表, 有序列表, 列表项 1. 有序列表 使用标签 例...

  • HTML 列表

    2017-09-07摘抄自W3school-HTML 列表希望帮助自己系统地打好基础,也能在做笔记的同时添加一些自...

  • HTML列表

    HTML支持有序、无序和定义列表 1.无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进...

  • HTML——列表

    无序列表 无序列表是一个项目的列表,此列项目使用项目符号进行标记。 无序列表始于 标签。每个列表项始于 。 项目...

  • html列表

    什么是html列表 html列表分为有序列,无序列表和自定义列表。 1.无序列表:无序列表是一个项目的列表,此列项...

  • HTML 列表

    实现如下的列表 首先了解一下什么是html 列表,可以分为有序,无序和自定义的,要实现上图的列表,需要将有序和无序...

网友评论

      本文标题:HTML系列(HTML列表)

      本文链接:https://www.haomeiwen.com/subject/mwhwyqtx.html