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. windows 8安装wp8之后鼠标没反应了

    笔记本是windows 8 系统,昨天安装了windows phone 8.0 SDK 之后,发现无线鼠标没反应了,但是触摸屏鼠标可以正常移动!真是奇怪,旁边同学也是安装了这个sdk,但没出什么问题! ...

  2. 【代码笔记】iOS-旋转的图片

    一,效果图. 二,工程图. 三,代码. AppDelegate.h #import <UIKit/UIKit.h> @interface AppDelegate : UIResponder ...

  3. 【原】Mac下统计任意文件夹中代码行数的工具——cloc

    这里介绍一个Mac系统统计代码行数的工具cloc. 1.首先,安装homebrew,已安装的请跳过. 打开终端工具Terminal,输入下列命令.过程中会让你按RETURN键以及输入mac桌面密码,按 ...

  4. 浅谈自定义UITextField的方法

    观察效果图 UITextField有以下几种特点: 1.默认占位文字是灰色的 2.当光标点上去时,占位文字变为白色 3.光标是白色的 接下来我们通过不同的方法来解决问题 一.将xib中的UITextF ...

  5. 传统模式下WebService与WebAPI的相同与不同

    1.WebService是利用HTTP管道实现了RPC的一种规范形式,放弃了对HTTP原生特征与语义的完备支持:而WebAPI是要保留HTTP原生特征与语义的同时实现RPC,但WebAPI的实现风格可 ...

  6. SSH加载顺序问题

    http://bbs.csdn.net/topics/390299835 个人总结 1.项目启动首先加载WEB.xml文件 wen.xml文件中有     <!-- tomcat默认生成的地方是 ...

  7. phpStydy配置memcache扩展

    一.下载并安装memcached服务器端软件    1.下载memcached软件 32位下载地址: memcached-win32-1.4.4-14.zip(直接下载),memcached-win3 ...

  8. 首先，编写一个类ChongZai，该类中有3个重载的方法void print()；其次， 再编写一个主类来测试ChongZai类的功能

    //计算器 jisuanqi jsq=new jisuanqi(); System., )); System., , )); System.out.println("2.3和4.5 中最大的 ...

  9. 0021 Java学习笔记-面向对象-包、构造器

    封装 面向对象的三大特征: 封装 继承 多态 封装: 将对象的状态信息隐藏,不允许外部程序直接访问 通过该类提供的方法来访问和操作 有啥用: 隐藏类的实现细节 在方法中加入控制逻辑,限制对成员变量的不 ...

  10. C#委托学习

    标签(空格分隔): C# 看Markdown效果支持的不大好. 买来<CLR Via C#>这本书很久了,一直也没有对其进行总结,看的非常凌乱,趁此机会好好总结一下,也算对C#学习的一个总 ...