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. Android PopupWindow的使用和分析

    Android PopupWindow的使用和分析 PopupWindow使用 PopupWindow这个类用来实现一个弹出框,可以使用任意布局的View作为其内容,这个弹出框是悬浮在当前activi ...

  2. android studio 使用SVN 锁定文件，防止别人修改（基于Android studio 1.4 ）

    首先假设开发 A , 和 开发 B , 在使用 SVN 进行项目管理.那么A如何才能 某个锁定文件,防止B修改. 1.第一步,给这个文件加锁    完成这一步,则这个文件就别锁定了. 2.第二步,假如 ...

  3. Android 中的编码与解码

    前言:今天遇到一个问题,一个用户在登录的时候,出现登录失败.但是其他用户登录都是正常的,经过调试发现登录失败的用户的密码中有两个特殊字符: * .#  . 特殊符号在提交表单的时候,出现了编码不一样的 ...

  4. mac(linux) 上如何安装ant

    1.从http://ant.apache.org/srcdownload.cgi下载ant (用ant src编译后装) 2.解压下载下来的内容到一个文件夹,打开终端先进入到刚才解压后的文件夹如:cd ...

  5. Xcode cannot launch because the device is locked.

    When you plug in your iPhone, it will ask you to trust the computer. If you already trust and unlock ...

  6. C中的流程控制

    一. 流程控制 l 顺序结构:默认的流程结构.按照书写顺序执行每一条语句. l 选择结构:对给定的条件进行判断,再根据判断结果来决定执行哪一段代码. l 循环结构:在给定条件成立的情况下,反复执行某一 ...

  7. IntentService源码分析

    和HandlerThread一样,IntentService也是Android替我们封装的一个Helper类,用来简化开发流程的.接下来分析源码的时候 你就明白是怎么回事了.IntentService ...

  8. IOS开发之多线程 -- GCD的方方面面

    前言:这篇GCD的博文是本人阅读了很多海内外大神的关于GCD的文章,以及结合之前自己对GCD的粗浅的认识,然后取其精华,去其槽粕,综合起来的笔记,而且是尽可能的以通熟易懂的并且是正确的理论论述方式呈现 ...

  9. Cygwin VS MinGW

    首先MingW和cygwin都可以用来跨平台开发.  MinGW是Minimalistic GNU for Windows的缩写,也就是Win版的GCC.  Cygwin则是全面模拟了Linux的接口 ...

  10. stringstream操纵string小总结

    1 split字符串 之前在用C#写代码的时候,用过split函数,可以把一个字符串根据某个分隔符分成若干个字符串数组.在用C++操纵字符串的时候,我一直使用很笨的遍历的方法.为此,我问候过很多次C+ ...