<!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. 15 个 Android 通用流行框架大全(转)

    1. 缓存 DiskLruCache    Java实现基于LRU的磁盘缓存 2.图片加载 Android Universal Image Loader 一个强大的加载,缓存,展示图片的库 Picas ...

  2. javascript中针对float的ceil及floor

    function floorFloat(num, precision) { return +(Math.floor(+(num + 'e' + (precision))) + 'e' + -(prec ...

  3. kafka集群安装部署

    kafka集群安装 使用的版本 系统:centos6.5 centos6.7 jdk:1.7.0_79 zookeeper:3.4.9 kafka:2.10-0.10.1.0 一.环境准备[只列,不具 ...

  4. COGS732. [网络流24题] 试题库

    «问题描述:假设一个试题库中有n道试题.每道试题都标明了所属类别.同一道题可能有多个类别属性.现要从题库中抽取m 道题组成试卷.并要求试卷包含指定类型的试题.试设计一个满足要求的组卷算法.«编程任务: ...

  5. console 输出信息美化

    不久前在一些前端的网站上看到的效果,以前觉得console只是拿来做做调试,不过现在看到别人网站的console美化效果,这个还可以作为一种网站个性来显示的.. 以%c开头,后面的文字就打印的信息,后 ...

  6. UnicodeEncodeError: 'ascii' codec can't encode characters in position 820-823: ordinal not in range(128)

    真是奇怪了,在itermi里 print(data) 就能直接运行,而在sublime里,就非得写成这样 print(data.encode('utf-8'))

  7. #pragma once与#ifndef #define ...#endif的区别

    1. #pragma once用来防止某个头文件被多次include: #ifndef,#define,#endif用来防止某个宏被多次定义.   2. #pragma once是编译相关,就是说这个 ...

  8. wamp 修改默认apache 80端口

    wamp server 环境安装包 修改默认80端口 D:\wamp\bin\apache\apache2.4.9\conf\httpd.conf 找到如下代码出修改后,重启apache即可 ## L ...

  9. 利用AOP与ToStringBuilder简化日志记录

    刚学spring的时候书上就强调spring的核心就是ioc和aop blablabla...... IOC到处都能看到...AOP么刚开始接触的时候使用在声明式事务上面..当时书上还提到一个用到ao ...

  10. spring jdbc 查询结果返回对象、对象列表

    首先,需要了解spring jdbc查询时,有三种回调方式来处理查询的结果集.可以参考 使用spring的JdbcTemplate进行查询的三种回调方式的比较,写得还不错. 1.返回对象(queryF ...