HTML系列(HTML列表)

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>(定义列表结束)
定义列表
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1 92
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 9,727评论 0 0
  • CSS 指层叠样式表(Cascading Style Sheets),是一种用来为结构化文档(如 HTML 文档或...
    神齐阅读 6,416评论 0 14
  • 也不知为何,突然有了调酒的想法。于是买来了器具和酒水,于是有了上图的莫吉托~ 这就是我在知乎发的制作方法了,有兴趣...
    浅绿薄荷阅读 3,987评论 0 1
  • 存储过程的描述: 是一组为了完成特定功能的SQL语句集,经编译后存储在数据库中。存储过程是数据库中的一个重要对象,...
    StrongZhao阅读 3,480评论 0 1