HTML 列表

html中列表使用标签<ul>和 <ol>来实现，不同的行用标签<li>来实现 <li>中包含的就是列表每行的内容。列表包含有序列表<ol> 和 无序列表<ul>

定义列表

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

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

实例

不同类型的无序列表

    <body>

    <h4>Disc 项目符号列表</h4>

    <ul type="disc">

        <li>苹果</li>

        <li>香蕉</li>

        <li>柠檬</li>

    </ul>

    <h4>Circle 项目符号列表</h4>

    <ul type="circle">

        <li>苹果</li>

        <li>香蕉</li>

        <li>柠檬</li>

    </ul>

    <h4>Square 项目符号列表</h4>

    <ul type="square">

        <li>苹果</li>

        <li>香蕉</li>

        <li>柠檬</li>

    </ul>

    </body>

不同类型的有序列表

<body>

    <h4>数字列表</h4>

    <ol>

        <li>苹果</li>

        <li>香蕉</li>

        <li>柠檬</li>

    </ol>

    <h4>字母列表</h4>

    <ol type="A">

        <li>苹果</li>

        <li>香蕉</li>

        <li>柠檬</li>

    </ol>

    <h4>小写字母列表</h4>

    <ol type="a">

        <li>苹果</li>

        <li>香蕉</li>

        <li>柠檬</li>

    </ol>

    <h4>罗马字母列表：</h4>

        <ol type="I">

             <li>苹果</li>

             <li>香蕉</li>

             <li>柠檬</li>

             <li>桔子</li>

        </ol>  

    <h4>小写罗马字母列表：</h4>

        <ol type="i">

             <li>苹果</li>

             <li>香蕉</li>

             <li>柠檬</li>

             <li>桔子</li>

        </ol>

    </body>

嵌套列表

<body>

    <h4>嵌套列表</h4>

    <ol>

        <li>茶：

         <ul>

             <li>红茶</li>

             <li>绿茶</li>

         </ul>

        </li>

        <li>香蕉</li>

        <li>柠檬</li>

    </ol>

    </body>

自定义列表

<body>

    <h4>自定义列表</h4>

    <dl>

        <dt>计算机</dt>

        <dd>注释:用来计算的机器</dd>

        <dt>显示器</dt>

        <dd>以视觉方式显示信息的装置</dd>

    </dl>

    </body>

HTML列表的学习就到这里了。

HTML 学习笔记(列表)的更多相关文章

  1. 《python基础教程（第二版）》学习笔记 列表/元组（第2章）

    <python基础教程(第二版)>学习笔记 列表/元组(第2章)序列中的下标从0开始x='ABC' ==> x[0]='A', x[1]='B', x[2]='C'负数索引从右边开始 ...

  2. 【Redis】命令学习笔记——列表（list）+集合（set）+有序集合（sorted set）（17+15+20个超全字典版）

    本篇基于redis 4.0.11版本,学习列表(list)和集合(set)和有序集合(sorted set)相关命令. 列表按照插入顺序排序,可重复,可以添加一个元素到列表的头部(左边)或者尾部(右边 ...

  3. AForge学习笔记(列表)

    AForge学习笔记(11):AForge.Imaging.Textures Clouds texture:具有云彩的纹理效果,示例如下:             CloudsTexture text ...

  4. python2.7 学习笔记--列表的使用

    同其它编程语言一样,python也提供了丰富的数据结构,以方便数据的处理.本文介绍两种最基本的数据集合,列表和元组的使用. 一.列表使用介绍 可以理解为一个有序的序列.其使用方式举例如下: list= ...

  5. Python学习笔记——列表

    1.创建列表类型数据并给其赋值 >>> aList = [123,'abc',4.56,['inner','list'],7-9j] >>> aList [123, ...

  6. HTML学习笔记——列表和table

    1>有序列表.无序列表和自定义列表 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu ...

  7. python学习笔记——列表生成式与生成器

    1.列表生成式(List Comprehensions) python中,列表生成式是用来创建列表的,相较于用循环实现更为简洁.举个例子,生成[1*1, 2*2, ... , 10*10],循环用三行 ...

  8. Python 2.7 学习笔记 列表的使用

    同其它编程语言一样,python也提供了丰富的数据结构,以方便数据的处理.本文介绍两种最基本的数据集合,列表和元组的使用. 一.列表使用介绍 可以理解为一个有序的序列.其使用方式举例如下: list= ...

  9. html学习笔记 - 列表

    <!-- 无序列表 --> <ul type = square> <li><a href="https://www.baidu.com"& ...

随机推荐

  1. gif动图快速制作方法（附工具）

    现在写博客或是wiki的过程中,会经常引用到图片,特别是客户端经常与页面相关所以截图不可避.但是越来越多的效果仅仅一张图片是无法清楚的描述.并且博客或是wiki也是支持gif图的.gif图的制作方法有 ...

  2. Quartz2D复习（四） --- 图层CALayer和动画CAAnimation

    1.CALayer 1).在ios中,能看得见摸得着的东西基本上都是UIView, 比如按钮.文本标签.文本输入框.图标等,这些都是UIView 2).UIView之所以能显示在屏幕上,完全是因为它内 ...

  3. 发布一个java Servlet (静态发布)

    Servlet 是sun开发的动态web资源 的技术 让 Servlet 能响应用户请求,必须将 Servlet 配置在 Web 应用中 如何将Servlet用Tomcat发布出去: 编译你的.jav ...

  4. Loader加载器

    今天学到了这个Loader,浅谈一下自己的看法: 1.定义 Loader是一个加载器,可以用来它访问数据,可以看做访问数据的机器(好比挖掘机).装再器从android3.0开始引进,它使得在activ ...

  5. 【代码笔记】iOS-拍照动画

    代码: - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. se ...

  6. 【转】OpenStack和Docker、ServerLess能不能决定云计算胜负吗？

    还记得在十多年前,SaaS鼻祖SalesForce喊出的口号『No Software』吗?SalesForce在这个口号声中开创了SaaS行业,并成为当今市值460亿美元的SaaS之王.今天谈谈『No ...

  7. android双击返回键退出程序的实现

    /** * 菜单.返回键响应 */ @Override public boolean onKeyDown(int keyCode, KeyEvent event) { // TODO Auto-gen ...

  8. Bootstrap入门（二）栅格

    Bootstrap入门(二)栅格 Bootstrap入门(二)栅格 全局CSS样式--栅格 先引入本地的CSS文件(根据自己的文件夹,有不同的引入地址,我是放在一个新建的名为css的文件夹中) con ...

  9. react native windows开发环境搭建(二)

    上一篇中介绍了本地服务器端环境的安装,使用已经编译好的apk程序,设置ip地址,就可以看到welcome界面,并且可以对程序做出修改以及调试. 为了扩展和发布应用 还需要能编译loader程序,这里介 ...

  10. 项目搭建系列之一：使用Maven搭建SpringMVC项目

    约定电脑都安装了eclipse,且已配置好Maven以及eclipse插件. 1.Eclipse 2.maven 3.Eclipse 需要安装maven插件.url:maven - http://do ...