1.无序列表

使用标签：<ul>,<li>

属性：disc，circle，square

2.有序列表

使用标签：<ol>，<li>

属性：A，a，I，i，start

3.嵌套列表

使用标签：<ul>，<ol>，<li>

4.自定义列表

使用标签：<dl>，<dt>，<dd>



<!--各个标签使用演示-->


<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>列表的使用</title>

</head>

<body>

    <ol>

        <li>第一</li>

        <li>第二</li>

        <li>第三</li>

    </ol>

    <br/>


<!--“<br/>”:换行-->




    <ul>

        <li>第一</li>

        <li>第二</li>

        <li>第三</li>

    </ul>

    <br/>

    <ol type="a">

        <li>

            <ul type="diss">

                <li>第一</li>

                <li>第二</li>

                <li>第三</li>

            </ul>

        </li>

        <li>第二</li>

        <li>第三</li>

    </ol>

    <br/>

    <ol type="I">

            <li>第一</li>

            <li>第二</li>

            <li>第三</li>

    </ol>

    <br/>

    <ol start="3">

        <li>第一</li>

        <li>第二</li>

        <li>第三</li>

    </ol>

    <br/>

    <ul type="diss">

        <li>第一</li>

        <li>第二</li>

        <li>第三</li>

    </ul>

    <br/>

    <ul type="square">

        <li>第一</li>

        <li>第二</li>

        <li>第三</li>

    </ul>

    <br/>

    <ul type="circle">

            <li>第一</li>

            <li>第二</li>

            <li>第三</li>

    </ul>

</body>

</html>


												


											
HTML列表简单介绍的更多相关文章
	

    
						
  1. O365（世纪互联）SharePoint 之调查列表简单介绍
		
    前言 SharePoint中为了提供了很多开箱即用的应用程序,比如调查列表就是其中之一,同样,在O365版本里(国际版和世纪互联版本均可),也有这样的调查列表可以供我们使用,而使用起来非常方便和快速, ...
    
		
    2. 
								
  2. 利用Python进行数据分析(4) NumPy基础: ndarray简单介绍
		
    一.NumPy 是什么 NumPy 是 Python 科学计算的基础包,它专为进行严格的数字处理而产生.在之前的随笔里已有更加详细的介绍,这里不再赘述. 利用 Python 进行数据分析(一)简单介绍 ...
    
		
    3. 
						
  3. angular1.x的简单介绍(二)
		
    首先还是要强调一下DI,DI(Denpendency Injection)伸手获得,主要解决模块间的耦合关系.那么模块是又什么组成的呢?在我看来,模块的最小单位是类,多个类的组合就是模块.关于在根模块 ...
    
		
    4. 
						
  4. 简单介绍一下R中的几种统计分布及常用模型
		
    统计学上分布有很多,在R中基本都有描述.因能力有限,我们就挑选几个常用的.比较重要的简单介绍一下每种分布的定义,公式,以及在R中的展示. 统计分布每一种分布有四个函数:d――density(密度函数) ...
    
		
    5. 
						
  5. iOS开发——UI精选OC篇&UIApplication,UIWindow,UIViewController,UIView(layer)简单介绍
		
    UIApplication,UIWindow,UIViewController,UIView(layer)简单介绍 一:UIApplication:单例(关于单例后面的文章中会详细介绍,你现在只要知道 ...
    
		
    6. 
						
  6. iOS开发UI篇—UIWindow简单介绍
		
    iOS开发UI篇—UIWindow简单介绍 一.简单介绍 UIWindow是一种特殊的UIView,通常在一个app中只会有一个UIWindow iOS程序启动完毕后,创建的第一个视图控件就是UIWi ...
    
		
    7. 
						
  7. iOS开发UI篇—popoverController简单介绍
		
    iOS开发UI篇—popoverController简单介绍 一.简单介绍 1.什么是UIPopoverController 是iPad开发中常见的一种控制器(在iPhone上不允许使用) 跟其他控制 ...
    
		
    8. 
						
  8. python numpy 模块简单介绍
		
    用python自带的list去处理数组效率很低, numpy就诞生了, 它提供了ndarry对象,N-dimensional object, 是存储单一数据类型的多维数组,即所有的元素都是同一种类型. ...
    
		
    9. 
						
  9. hive中简单介绍分区表
		
    所介绍内容基本上是翻译官方文档,比较肤浅,如有错误,请指正! hive中创建分区表没有什么复杂的分区类型(范围分区.列表分区.hash分区.混合分区等).分区列也不是表中的一个实际的字段,而是一个或者 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. java.sql.SQLException: Access denied for user 'xxx'@'localhost' (using password: YES)
			
    java.sql.SQLException: Access denied for user 'xxx'@'localhost' (using password: YES) at com.mysql.c ...
    
			
    2. 
						
  2. JMeter5.1开发JDBC协议接口脚本
			
    配置 qzcsbj是连接池名称 jdbc:mysql://localhost:3306/qzcsbj?useUnicode=true&characterEncoding=utf8&al ...
    
			
    3. 
						
  3. echars配置案例-reactnative
			
    option = { backgroundColor:'#fff', grid: { left: '3%', right: '4%', top:, bottom: '6%', containLabel ...
    
			
    4. 
						
  4. Gartner：2019 年 iPaaS 魔力象限
			
    http://www.199it.com/archives/869090.html 企业iPaaS产品支持越来越更广泛的使用场合,正迅速被企业采用以实现混合集成平台策略.这份魔力象限评估了17家供应商 ...
    
			
    5. 
						
  5. 小学四则运算口算练习app---No.4
			
    今天主要是改了出题页中各个组件的位置以及时间的接收还有时间控制,代码如下:(但是存在一个问题  设置页面点击确定按钮进入出题界面时有时会闪退,未解决!) CalculatorActivity.clas ...
    
			
    6. 
						
  6. Electron实现第一个应用 "hello world"
			
    一. 什么是Electron? 它和NW.js的区别是什么? Electron是GitHub开发的桌面应用开发框架,它支持使用HTML.CSS.JavaScript来构建跨平台的桌面应用. Elect ...
    
			
    7. 
						
  7. celery异步任务、定时任务
			
    阅读目录 一 什么是Celery? 二 Celery的使用场景 三 Celery的安装配置 四 Celery异步任务 五Celery定时任务 六在Django中使用Celery   一 什么是Cele ...
    
			
    8. 
						
  8. RabbitMQ消息幂等性问题
			
    文章目录 1. 什么是幂等性?1.1 消息队列的幂等性1.2 模拟重试机制1.2.1 生产者代码1.2.2 消费者代码1.2.3 消费者 application.yml 配置2. 如何保证消息幂等性, ...
    
			
    9. 
						
  9. Shell编程——多命令顺序执行、管道、grep命令
			
    1.多命令执行符: (1)命令1:命令2    多个命令顺序执行,没有逻辑联系,即使命令1出错,命令2依旧执行. (2)命令1&&命令2:只有命令1正确执行,命令2才能正确执行:命令1 ...
    
			
    10. 
						
  10. 将float数字按照一定格式写入到文件中
			
    /* float.c */ #include<stdio.h> #include<string.h> int main() { FILE *fp = fopen("D ...
    
			
    11.