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. HDU6223 && 2017沈阳ICPC: G. Infinite Fraction Path——特殊图&&暴力
			
    题意 给定一个数字串,每个位子都能向(i*i+1)%n的位子转移,输出在路径上.字典序最大的.长度为n的串($n \leq 150000$). 分析 先考虑一个暴力的方法,考虑暴力每个x,然后O(n) ...
    
			
    2. 
						
  2. 为什么说JAVA程序员必须掌握SpringBoot?
			
    原文链接:https://w.url.cn/s/AuDahfb SpringBoot 2.0 的推出又激起了一阵学习 SpringBoot 热,那么, SpringBoot 诞生的背景是什么?Spri ...
    
			
    3. 
						
  3. Anaconda3（5-2）程序编辑器  win10下PyCharm安装及配置Pytorch流程
			
    由于破解和付费问题,不推荐.优先用自带的spyder Win10 下PyCharm安装流程:(1)官网:https://www.jetbrains.com/pycharm/download/#sect ...
    
			
    4. 
						
  4. Android studio中怎么导入android.support.v4包
			
    Android studio中怎么导入android.support.v4包 1.File点击选择projectStructure选择对应的APP然后点击Dependencies 2.点击+号,点击第 ...
    
			
    5. 
						
  5. kali 更改图标村大小
			
    1.“设置” --> "通用辅助功能" --> "大号字体" 2.在终端中输入 “gnome-tweaks” 打开 优化 --> 扩展  -- ...
    
			
    6. 
						
  6. cad.net vs调试问题  20190923增加默认启动注册表,20191007更新vs2019到16.3.2
			
    Acad2008和Acad2010需要修改安装目录下的acad.exe.config文件内容,才可以捕获断点: <configuration> <startup> <!- ...
    
			
    7. 
						
  7. JOI徽章
			
    [题目描述] 日本信息学奥赛委员会为了应援将要去台湾参加 IOI 的选手们,打算制作一面新的 JOI 旗帜 .JOI 旗帜为由 M 行 N 列的 M*N 个正方形组 成的图形,每个正方形里写有 J,O ...
    
			
    8. 
						
  8. TreeMap源码分析1
			
    二叉树他们都需要满足一个基本性质--即树中的任何节点的值大于它的左子节点,且小于它的右子节点.按照这个基本性质使得树的检索效率大大提高.我们知道在生成二叉树的过程是非常容易失衡的,最坏的情况就是一边倒 ...
    
			
    9. 
						
  9. [原创]Python免杀ShellCode加载器(Cobaltstrike/Metasploit)
			
    0x001 原理 采用分离法,即将ShellCode和加载器分离.方法较LOW但免杀. 本文主要将ShellCode转成HEX,再通过加载器执行ShellCode. PS: 何为SC加载器,即专门用于 ...
    
			
    10. 
						
  10. react加入websocket
			
    1.首先创建一个公共的组件,封装websocket 代码如下 /** * 参数:[socketOpen|socketClose|socketMessage|socketError] = func,[s ...
    
			
    11.