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. Xcode中的常用快捷键

    新建项目     com + shift +N 新建文件    com  + N 偏好设置  通用   com + , 跳到指定行 com + L 当前行加断点    com + \ 移动编辑区最上方 ...

  2. Java中的经典算法之选择排序（SelectionSort）

    Java中的经典算法之选择排序(SelectionSort) 神话丿小王子的博客主页 a) 原理:每一趟从待排序的记录中选出最小的元素,顺序放在已排好序的序列最后,直到全部记录排序完毕.也就是:每一趟 ...

  3. 【代码笔记】iOS-伸缩式动画

    一,效果图. 二,代码. - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the ...

  4. Linux双机信任，适用统一安装

    一.生成建立安全信任关系的证书. 在A机root用户下执行ssh-keygen命令,在需要输入的地方,直接回车, # ssh-keygen -t rsa 注:直接回车就行 二.查看生成密钥的文件 # ...

  5. CSS3 Gradient线性渐变

    废话小说,看代码 <!DOCTYPE html > <html > <head> <meta charset="utf-8"> &l ...

  6. pentaho cde 选择性的显示多列数据

    在业务需求中,有时候会有这种需要,就是查出来可多列数据,而我只想画出来其中的一列或者说某一列,而pentaho会默认画出查出来的所有数据,而不断的更改数据源又太麻烦,这时就要用到resders方法了. ...

  7. SQL优化技巧--远程连接对象引起的CTE性能问题

    背景 最近SSIS的开发过程中遇到几个问题.其中使用CTE时,遇到一个远程连接对象,结果导致严重的性能问题,为了应急我就修改了代码. 之前我写了一篇介绍CTE的随笔包含了CTE的用法等: http:/ ...

  8. MySQL 调优基础(三) Linux文件系统

    Linux的文件系统有点像MySQL的存储引擎,它支持各种各样的文件系统.它最上层是通过 virtual files system虚拟文件系统作为一个抽象接口层来对外提供调用的.然后下层的各种文件系统 ...

  9. linux基础-第七单元 用户、群组及权限的深入讨论

    怎样查看文件的权限 ls命令详解 root用户及文件的安全控制 什么是root用户 用户分类 文件操作权限 文件操作权限的字符表示 chown chgrp 使用符号表示法设定文件或目录上的权限 chm ...

  10. linux线程同步(4)-自旋锁

    自旋锁与互斥量功能一样,唯一一点不同的就是互斥量阻塞后休眠让出cpu,而自旋锁阻塞后不会让出cpu,会一直忙等待,直到得到锁!!! 自旋锁在用户态使用的比较少,在内核使用的比较多!自旋锁的使用场景:锁 ...