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. tomcat中的JSP引擎

    jsp文件解析成class文件过程需要利用tomcat的jasper组件. Jasper是tomcat中使用的JSP引擎,在Tomcat 6中使用的是Jasper 2,相对于原来的版本作了不少的改进, ...

  2. iOS自定义字体

    1.下载字体库,如:DINCond-Bold.otf 2.双击,在mac上安装 3.把下载的字体库拖入工程中: 4.配置info.plist文件 5.xib方式设置自定义字体:Font选Custom, ...

  3. Android 短信的备份

    接着上文<Android 内容提供者的实现>,继续实战 打开File Exploer,找到mmssms.db数据库,导出 打开mmssms.db 新建项目,布局如下: <Relati ...

  4. ios 图片的两种加载方式

    控件加载图片,plist,懒加载,序列帧动画,添加动画效果. IOS中有2种加载图片的方式. 方式一:有缓存(图片所占用的内存会一直停留在程序中) + (UIImage *)imageNamed:(N ...

  5. 禁止uiscrollview垂直方向滚动，只允许水平方向滚动；或只允许垂直方向滚动

    禁止UIScrollView垂直方向滚动,只允许水平方向滚动 scrollview.contentSize =  CGSizeMake(你要的长度, 0); 禁止UIScrollView水平方向滚动, ...

  6. 各类 HTTP 返回状态代码详解

    完整版 1**(信息类):表示接收到请求并且继续处理 100——客户必须继续发出请求 101——客户要求服务器根据请求转换HTTP协议版本 2**(响应成功):表示动作被成功接收.理解和接受 200— ...

  7. ORACLE手工删除数据库

    很多人习惯用ORACLE的DBCA工具创建.删除数据库,这里总结一下手工删除数据库实验的步骤,文中大量参考了乐沙弥的手动删除ORACLE数据库这篇博客的内容,当然还有Oracle官方相关文档.此处实验 ...

  8. [20130919]出现有持续性的Lazy Write

    表现:收到性能告警,LazyWrite严重超标,一般在100以上,正常情况下,LazyWrite为0,但是奇怪的是,当时的Free pages =312190左右,相当于2G空闲空间.OS的可用内存在 ...

  9. 挖一挖C#中那些我们不常用的东西之系列（4）——GetHashCode，ExpandoObject

    这篇继续分享下GetHashCode和ExpandoObject这两个比较好玩的方法. 一:GetHashCode 从MSDN上可以看到的解释是:用作特定类型的哈希函数,也就是说任何对象的实例都会有一 ...

  10. js中同步与异步请求方式

    异步请求方式: $.ajax({ url : 'your url', data:{name:value}, cache : false, async : true, type : "POST ...