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. 纯Css实现Div高度根据自适应宽度（百分比）调整
			
    在如今响应式布局的要求下,很多能自动调整尺寸的元素能够做到高宽自适应,如img,通过{width:50%;height:auto;}实现图片高度跟随宽度比例调整. 然而,用的最多的标签一哥Div却不能 ...
    
			
    2. 
						
  2. 关于npm run build打包后css样式中的图片失效的问题(如background)
			
    平时run dev都能正常显示的css背景图片在npm run build打包后竟然不显示了(写在标签对中的图片都可以正常显示),而且dist/static/img目录下是确实有这张图片的,于是查看打 ...
    
			
    3. 
						
  3. Spark 集群搭建
			
    0. 说明 Spark 集群搭建 [集群规划] 服务器主机名 ip 节点配置 s101 192.168.23.101 Master s102 192.168.23.102 Worker s103 19 ...
    
			
    4. 
						
  4. 实现CTreeCtrl父子节点的联动选择
			
    本文实现了下面的功能: 当选中父节点时, 其所有子节点全部选中. 当取消选中父节点时, 其所以子节点全部取消选中. 点击子节点时, 根据子节点与其兄弟节点的选中状态, 自动设置父节点的选中状态. 通过 ...
    
			
    5. 
						
  5. 安全之路 —— C/C++开3389端口（远程终端）
			
    简介 在渗透测试中开启对方电脑的3389端口是入侵者加入对方计算机账户后要想直接控制对方计算机的必须步骤,即开启对方计算机的远程终端功能,不同的Windows系统要开启3389需要修改不同的注册表项, ...
    
			
    6. 
						
  6. PHP类继承、接口继承关系概述
			
    PHP类继承: PHP类不支持多继承,也就是子类只能继承一个父类,但是支持多层次继承,比如: class frist{ public function __construct(){ echo &quo ...
    
			
    7. 
						
  7. Office 手动kms激活方法
			
    服务作用:在线激活windows和office 适用对象:VOL版本的windows和office 适用版本:截止到win10和office2016的所有版本 服务时间:24H,偶尔更新维护 优点:在 ...
    
			
    8. 
						
  8. Linux之因BASH造成的键盘错误和环境问题
			
    对于Linux我们习惯使用/bin/bash.并且大多数人操作在Centos系统上,但是仍有不少人在ubuntu上使用,两个操作系统大同小异.都是使用了Linux内核.接下来就来讲讲我使用过程中两个系 ...
    
			
    9. 
						
  9. hdu 1754 I Hate It （线段树功能：单点更新和区间最值）
			
    版权声明:本文为博主原创文章.未经博主同意不得转载.vasttian https://blog.csdn.net/u012860063/article/details/32982923 转载请注明出处 ...
    
			
    10. 
						
  10. Spark项目之电商用户行为分析大数据平台之（五）实时数据采集
			
    
			
    11.