41.无序列表
本例演示无序列表。
<h4>一个无序列表</h4>
<ul>
    <li>咖啡</li>
    <li>茶</li>
    <li>牛奶</li>
</ul>
42.有序的列表
<h4>一个有序的列表</h4>
<ol>
    <li>咖啡</li>
    <li>牛奶</li>
    <li>茶</li>
</ol>
<ol start="20">
    <li>咖啡</li>
    <li>牛奶</li>
    <li>茶</li>
</ol>

43.不同类型的无序列表 ####
本例演示一个无序列表。
####

标签 描述
<ol>   定义有序列表。
<ul>   定义无序列表。
<li>   定义列表项。
<dl>   定义定义列表。
<dt>   定义定义项目。
<dd>   定义定义的描述。
<dir>  已废弃。使用 <ul> 代替它。
<menu> 已废弃。使用 <ul> 代替它。

<h4>Disc项目符号列表</h4>
<ul type="disc">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ul>
<h4>circle 项目符号列表</h4>
<ul type="circle">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ul>
<h4>Square 项目符号列表</h4>
<ul type="square">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ul>

44.不同类型的有序列表
本例演示不同类型的有序列表。
<h4>数字列表</h4>
<ol>
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ol>

<h4>字母列表</h4>
<ol type="A">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ol>

<h4>小写字母列表</h4>
<ol type="a">
    <li>苹果</li>
    <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>
45.嵌套列表
本例演示如何嵌套列表。

<h4>一个嵌套列表</h4>
<ul>
    <li>咖啡</li>
    <li>茶
        <ul>
            <li>红茶</li>
            <li>绿茶</li>
        </ul>
    </li>
    <li>牛奶</li>
</ul>

46.两层嵌套列表
<h4>两个嵌套列表</h4>
<ul>
    <li>咖啡</li>
    <li>茶
        <ul>
            <li>红茶</li>
            <li>绿茶
                <ul>
                    <li>中国茶</li>
                    <li>非洲茶</li>
                </ul>
            </li>
        </ul>
    </li>
    <li>牛奶</li>
</ul>

47.一个定义列表
<body>
<h2>一个定义列表</h2>
<d1>
    <dt>计算机</dt>
    <dd>用来计算的仪器</dd>
    <dt>显示器</dt>
    <dd>以视觉方式显示信息的装置</dd>
</d1>
												


											
HTML 列表实例的更多相关文章
	

    
						
  1. W3School-CSS 列表实例
		
    CSS 列表实例 CSS 实例 CSS 背景实例 CSS 文本实例 CSS 字体(font)实例 CSS 边框(border)实例 CSS 外边距 (margin) 实例 CSS 内边距 (paddi ...
    
		
    2. 
						
  2. HFun.快速开发平台（二）=》自定义列表实例
		
    应用系统中数据列表的展现是开发内容之一,实现的方式基本是通过编号具体的访问列表页实现,通过检索条件进行数据源的获取,列字段的描述,还可能会有检索条件的实现,列表数据的导出等功能. 为了将重复工作进行简 ...
    
		
    3. 
						
  3. 事件委托，元素节点操作，todolist计划列表实例
		
    一. 事件委托 事件委托就是利用冒泡的原理,把事件加到父级上,来代替子集执行相应的操作,事件委托首先可以极大减少事件绑定次数,提高性能:其次可以让新加入的子元素也可以拥有相同的操作. 比如有20个&l ...
    
		
    4. 
						
  4. Python无限元素列表实例教程
		
    有关Python中无限元素列表的实现方法. 本文实例讲述了Python怎么实现无限元素列表的方法,具体实现可使用Yield来完成.下面所述的2段实例代码通过Python Yield 生成器实现了简单的 ...
    
		
    5. 
						
  5. 2016/3/20  数组定义  数组遍历   超全局数组   数组元素设置（in_array() 、array_reverse()、count()、array_unique()、unset()、array_values、array_merge、array_push） 列表实例
		
    一.数组定义 php数组与其他语言的数组的不同: 其他例如java语言 :同一种类型数据的集合. php:数组可以存储任何类型的数据.同一个数组中可以放int类型也可以放string类型 ①索引数组的 ...
    
		
    6. 
						
  6. SharedObject使用：在FluorineFx.net与Flex中使用共享对象维护在线用户列表实例【转】
		
    一.添加一个新的FluorineFx的服务类项目OnLineService,删除原有的Sample.cs,并添加一个用户类定义与一个ApplicationAdpater类:如下: /*-- User. ...
    
		
    7. 
						
  7. HFun.快速开发平台（二）=》自定义列表实例（请求参数的处理）
		
    上编描述了自定义列表的基本实现功能,本此记录列表的请求过程. 个人比较喜欢对参数进行对象化,方便后续人维护及查看,先上代码: /************************************ ...
    
		
    8. 
						
  8. HFun.快速开发平台（四）=》自定义列表实例（请求参数的处理）
		
    上编自定义列表描述了自定义列表的基本实现功能,本此记录列表的请求过程. 个人比较喜欢对参数进行对象化,方便后续人维护及查看,先上代码: /******************************* ...
    
		
    9. 
						
  9. CSS 列表实例
		
    CSS 列表属性允许你放置.改变列表项标志,或者将图像作为列表项标志.CSS 列表属性(list)属性 描述list-style 简写属性.用于把所有用于列表的属性设置于一个声明中.list-styl ...
    
		
    10. 
						
  10. insertBefore()，appendChild()创建添加列表实例
		
    定义: insertBefore() 方法在您指定的已有子节点之前插入新的子节点. 语法: 父级.insertBefore(新的子节点,指定的已有子节点) 实例: <input id=" ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 【mysql数据库】Linux下mysql安装连接全过程（含有问题详解）
			
    本次安装操作在腾讯云上实现(版本:CentOS Linux release 7.4.1708 (Core) ). 根据教程实现(中途各种挖坑,填坑...),地址:http://www.runoob.c ...
    
			
    2. 
						
  2. 转：SqlServer索引及优化详解
			
    (一)深入浅出理解索引结构 实际上,您可以把索引理解为一种特殊的目录.微软的SQL SERVER提供了两种索引:聚集索引(clustered index,也称聚类索引.簇集索引)和非聚集索引(nonc ...
    
			
    3. 
						
  3. How to Be Assertive Asking for What You Want Firmly and Fairly
			
    What Is Assertiveness? It's not always easy to identify truly assertive behavior. This is because th ...
    
			
    4. 
						
  4. Java 重写 hashCode() 和 equals() 方法
			
    1. hashCode 1.1 基本概念 hashCode 是 JDK 根据对象的地址算出来的一个 int 数字(对象的哈希码值),代表了该对象再内存中的存储位置. hashCode() 方法是超级类 ...
    
			
    5. 
						
  5. 一起学习Boost标准库--Boost.texical_cast&format库
			
    今天接续介绍有关字符串表示相关的两个boost库: lexical_cast 将数值转换成字符串 format 字符串输出格式化 首先,介绍下lexical_cast ,闻其名,知其意.类似C中的at ...
    
			
    6. 
						
  6. November 05th, 2017 Week 45th Sunday
			
    Do not pray for an easy life, pray for the strength to endure a difficult one. 不要祈求安逸的人生,祈求拥有撑过艰难的力量 ...
    
			
    7. 
						
  7. from urllib.request import urlopen
			
    from urllib.request impor urlopen      (负责打开浏览url内的html 文本) re.compile(r'alex(?P<name>\d+)and' ...
    
			
    8. 
						
  8. .后面是方法不加引号                          ,后面是"名"要加引号
			
    .后面是方法不加引号 ,后面是"名"要加引号  
    
			
    9. 
						
  9. php 魔术方法 说明
			
    1.__get.__set这两个方法是为在类和他们的父类中没有声明的属性而设计的.◆__get( $property ) 当调用一个未定义的属性时,此方法会被触发,传递的参数是被访问的属性名.◆__s ...
    
			
    10. 
						
  10. Django商城项目笔记No.4用户部分-注册接口-图片验证码
			
    Django商城项目笔记No.4用户部分-注册接口-图片验证码 1.首先分析注册业务接口 1.1.分析可得,至少这么几个接口 图片验证码 短信验证码 用户名是否存在 手机号是否存在 整体注册接口 图片 ...
    
			
    11.