HTML5列表的使用

内容简介:
  1. HTML列表的使用

1. HTML列表

  • 无序列表
    使用标签:<ul>、<li>
    属性:disc、circle、square
  • 有序列表
    使用标签:<ol>、<li>
    属性:A、a、I、i、start
  • 嵌套列表
    使用标签:<ul>、<ol>、<li>
  • 自定义列表
    使用标签:<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>数学</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>

结果:
屏幕快照 2017-07-07 下午5.07.03.png

会持续更新,谢谢!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/ 关于HTML/HT...
    Amyyy_阅读 2,159评论 0 16
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,663评论 32 459
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,159评论 25 709
  • 0.B/S结构 浏览器服务器模式,web浏览器是客户端最主要的应用软件.将客户端使用web进行统一,系统功能实现集...
    liusong007阅读 1,101评论 0 1
  • 记得第一次听到有人说我瞧不起你的时候还是高中那会。那是上高二那年,我姐姐说:“不是我瞧不起你,你想考上重点大学真的...
    夜殇沉风阅读 440评论 0 1