<!Doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="">
        <meta name="description" content="">
        <meta name="author" content="">
        <meta http-equive="refresh" content="30">
        <!--页面30秒刷新一次-->
        <title>html列表</title>
        <!--html支持有序、无序和定义列表-->
    </head>
    <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="I">
            <li>我是列表一</li>
            <li>我是列表二</li>
            <li>我是列表三</li>
        </ol>

<h4>小写罗马数字列表:</h4>
        <ol type="i">
            <li>我是列表一</li>
            <li>我是列表二</li>
            <li>我是列表三</li>
        </ol>

<h4>我是无序列表</h4>
    <ul>
        <li>我是列表一</li>
        <li>我是列表二</li>
        <li>我是列表三</li>
    </ul>
    <h4>圆点列表:</h4>
    <ul style="list-style-type:disc">
        <li>我是列表一</li>
        <li>我是列表二</li>
        <li>我是列表三</li>
    </ul>

<h4>圆圈列表:</h4>
    <ul style="list-style-type:circle">
        <li>我是列表一</li>
        <li>我是列表二</li>
        <li>我是列表三</li>
    </ul>

<h4>正方形列表:</h4>
    <ul style="list-style-type:square">
        <li>我是列表一</li>
        <li>我是列表二</li>
        <li>我是列表三</li>
    </ul>
        <h4>我是自定义列表</h4>
    <dl>
        <dt>我是标题一</dt>
        <dd>我是标题一的孩子</dd>
        <dt>我是标题二</dt>
        <dd>我是标题二的孩子</dd>
    </dl>
    <!--dl自定义定义列表,dt自定义列表项目(标题),dd自定义列表描述-->

<h4>嵌套列表:</h4>
    <ul style="list-style-type:disc">
        <li>我是列表一</li>
        <li>
            <ul style="list-style-type:square">
                <li>我是列表一</li>
                <li>我是列表二</li>
                <li>
                    <ul style="list-style-type:circle">
                        <li>我是列表一</li>
                        <li>我是列表二</li>
                        <li>我是列表三</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>我是列表三</li>
    </ul>  
    </body>
</html>

第三天--html列表的更多相关文章

  1. Python学习三---序列、列表、元组

    一.序列 1.1.序列概念 pythn中最基本的数据结构是序列(sequence). 序列中每个元素被分配一个序号-元素索引,第一个索引是0,第二个是1,以此类推.类似JAVA中数组和集合中的下标. ...

  2. python自学第三天,列表

    1.列表 names=[] #这就是一个空列表 names=[1,5,2,3,4,5]#列表是用的中括号,每个元素是用逗号分开的.列表里面的元素是可以重复的. names[-1]#表示的是取列表的最后 ...

  3. Python基础笔记系列三:list列表

    本系列教程供个人学习笔记使用,如果您要浏览可能需要其它编程语言基础(如C语言),why?因为我写得烂啊,只有我自己看得懂!! python中的list列表是一种序列型数据类型,一有序数据集合用逗号间隔 ...

  4. Python成长笔记 - 基础篇 (三)python列表元组、字典、集合

    本节内容 列表.元组操作 字符串操作 字典操作 集合操作 文件操作 字符编码与转码   一.列表和元组的操作 列表是我们最以后最常用的数据类型之一,通过列表可以对数据实现最方便的存储.修改等操作 定义 ...

  5. 《Python编程从入门到实践》第三章_列表简介

    什么是列表呢? 官方说明就是由一些列按特点顺序排列的元素组成.其实可以看出很多个字符串的有序组合吧,里面的内容可以随时的删除,增加,修改. 下面这个就是一个列表,python打印列表的时候会将中括号和 ...

  6. Effective Java 第三版——28. 列表优于数组

    Tips <Effective Java, Third Edition>一书英文版已经出版,这本书的第二版想必很多人都读过,号称Java四大名著之一,不过第二版2009年出版,到现在已经将 ...

  7. Python学习第三篇——访问列表部分元素

    dongman =["huoying","sishen","si wang bi ji","pan ni de lu lu xiu ...

  8. 老男孩python学习自修【第三天】列表用法

    列表的使用: list.append(value) 向列表增加元素 list.insert(index, value) 向列表指定元素插入元素 list.extend(newlist) 用新的列表扩展 ...

  9. python 三种遍历列表里面序号和值的方法

    list = ['html', 'js', 'css', 'python'] # 方法1 # 遍历列表方法1:' for i in list: print("序号:%s 值:%s" ...

随机推荐

  1. ThinkPHP 多语言

    1.注意区分项目语言包和系统语言包 2.实现语言包和数据库语言同步切换 实用链接: ThinkPHP完全开发手册3.1 多语言 thinkphp3.1 多语言简单demo 总结ThinkPHP使用技巧 ...

  2. Android基础总结(三)

    测试 黑盒测试 测试逻辑业务 白盒测试 测试逻辑方法 根据测试粒度 方法测试:function test 单元测试:unit test 集成测试:integration test 系统测试:syste ...

  3. c# .net获取文件夹下的所有文件(多层递归),并获取区间数据(Jsion,xml等数据)写出到处理文件,学习分享~

    static void Main(string[] args)        { string path = string.Format(@"C:\Users\Administrator\D ...

  4. 在ASP学习当中对双引号,单引号以及&符号的理解

    在我的Web安全学习的开始需要对ASP的代码有一定的熟悉程度但是在查看源码的时候经常性的看到双引号,单引号以及&号.并且对他们的用法经常产生疑惑的地方,这里是我搜集的一些理解和感悟,以期对AS ...

  5. placeholder实现的两种方式

    /** * PlaceHolder组件 * $(input).placeholder({ * word: // @string 提示文本 * color: // @string 文本颜色 * evtT ...

  6. SVN 图标消失

    问题描述:第一次安装完好,电脑重启后,svn小图标消失不见.查看注册表,发现属于svn小图标的注册表都消失不见. 问题分析:删除杀毒软件(360),因为电脑安装了360,ShellIconOverla ...

  7. JS监听键盘的组合按键

    Mark 一下: $(document).keydown(function (e) { console.log(e); var keyCode = e.keyCode || e.which || e. ...

  8. 基于MQTT协议进行应用开发

    官方协议有句如下的话来形容MQTT的设计思想: "It is designed for connections with remote locations where a "sma ...

  9. jetty9内嵌到应用,并在启动后加载WebApplicationInitializer,可运行jsp

    声明:本文所介绍的两功能都已经测试通过. 第一步先确保你用的是java 8,并依赖需要的相关jar包,以下是用gradle进行依赖的信息: ext { taglibsStandardVersion = ...

  10. MyEclipse安装插件的几种方法

    本文讲解MyEclipse(MyEclipse10)的三种方法,以SVN为例 Eclipse update site URL: http://subclipse.tigris.org/update_1 ...