1.无序列表（最常用）

先看个例子：如下图：

使用的 html标签为

<ul>

<li></li>

</ul>

 <html>

   <head>

        <title>html list test</title>

   </head>

   <body>

       <!--ul is the Unordered_List -->

       <ul>

          <!--li is List_Item-->

          <li>Tommy</li>

          <li>Jacky</li>

          <li>Sam</li>

       </ul>

   </body>

 </html>

注意：在上述的图中，看样看到列表前面有个小圆圈，这是通过修改 ul标签的 type属性来变化的

<ul type="value"> 属性值：

值	描述
disc	默认值。实心圆。
circle	空心圆。
square	实心方块。

更多信息请参考官方文档：http://www.w3school.com.cn/tags/att_ul_type.asp

2.有序列表（用的不多）

标签为： <ol>

<li></li>

</ol>

ol的排序指的是在数据的前方显示序号而已，并不会对内容进行任何排序(所以是个鸡肋)

两个常用的属性：

2.1. type属性：5个候选值，表示排序所使用的文字

2.2. start属性：表示排序的起始位置，效果如下图

<html>

  <head>

       <meta http-equiv="Content-Type" content="text/html;charset=utf-8;"/>

       <title>html ordered list test</title>

  </head>

  <body>

      <ol type="1">

         <li><font color="red">当type为数字1时，表示前方的排序用阿拉伯数字</font></li>

         <li>Tommy</li>

         <li>Jacky</li>

         <li>Sam</li>

      </ol>

        <ol type="a">

         <li><font color="red">当type为a时，表示前方的排序用小写字母</font></li>

         <li>Tommy</li>

         <li>Jacky</li>

         <li>Sam</li>

      </ol>

        <ol type="A">

         <li><font color="red">当type为A时，表示前方的排序用大写字母</font></li>

         <li>Tommy</li>

         <li>Jacky</li>

         <li>Sam</li>

      </ol>

        <ol type="i">

         <li><font color="red">当type为小写字母i时，表示前方的排序用小写罗马数字</font></li>

         <li>Tommy</li>

         <li>Jacky</li>

         <li>Sam</li>

      </ol>

        <ol type="I">

         <li><font color="red">当type为大写字母I时，表示前方的排序用大写罗马数字</font></li>

         <li>Tommy</li>

         <li>Jacky</li>

         <li>Sam</li>

      </ol>

        <ol start="100">

         <li><font color="red">start为排序起始数字，这里从100开始</font></li>

         <li>Tommy</li>

         <li>Jacky</li>

         <li>Sam</li>

      </ol>

  </body>

</html>

html的列表的更多相关文章

ASP.NET Aries 入门开发教程8：树型列表及自定义右键菜单
前言: 前面几篇重点都在讲普通列表的相关操作. 本篇主要讲树型列表的操作. 框架在设计时,已经把树型列表和普通列表全面统一了操作,用法几乎是一致的. 下面介绍一些差距化的内容: 1:树型列表绑定: v ...
ASP.NET Aries 入门开发教程6：列表数据表格的格式化处理及行内编辑
前言: 为了赶进度,周末也写文了! 前几篇讲完查询框和工具栏,这节讲表格数据相关的操作. 先看一下列表: 接下来我们有很多事情可以做. 1:格式化 - 键值的翻译对于“启用”列,已经配置了格式化 # ...
ASP.NET Aries 入门开发教程3：开发一个列表页面及操控查询区
前言: Aries框架毕竟是开发框架,所以重点还是要写代码的,这样开发人员才不会失业,哈. 步骤1:新建html 建一个Html,主要有三步: 1:引入Aries.Loader.js 2:弄一个tab ...
ASP.NET Aries 入门开发教程2：配置出一个简单的列表页面
前言: 朋友们都期待我稳定地工作,但创业公司若要躺下,也非意念可控. 若人生注定了风雨飘摇,那就雨中前行了. 最机开始看聊新的工作机会,欢迎推荐,创业公司也可! 同时,趁着自由时间,抓紧把这系列教程给 ...
散列表(hash table)——算法导论(13)
1. 引言许多应用都需要动态集合结构,它至少需要支持Insert,search和delete字典操作.散列表(hash table)是实现字典操作的一种有效的数据结构. 2. 直接寻址表在介绍散列 ...
Python列表去重
标题有语病,其实是这样的: 假设有两个列表 : L1 = [1,2,3,4] ; L2 = [1,2,5,6] 然后去掉L1中包含的L2的元素直接这样当然是不行的: def removeExists ...
WPF 微信 MVVM 【续】修复部分用户无法获取列表
看过我WPF 微信 MVVM这篇文章的朋友,应该知道我里面提到了我有一个小号是无法获取列表的,始终也没找到原因. 前两天经过GitHub上h4dex大神的指导,知道了原因,是因为微信在登录以后,web ...
Emoji选项列表
一.需要的前提文件从网上下载Emoji的表情包,当然是png的图片,因为WPF不支持彩色的Emoji,所以,做列表的时候,需要用图片. 随着压缩包一起的还有一个Emoji.xml文件,文件的层级结构 ...
UWP开发必备：常用数据列表控件汇总比较
今天是想通过实例将UWP开发常用的数据列表做汇总比较,作为以后项目开发参考.UWP开发必备知识点总结请参照[UWP开发必备以及常用知识点总结]. 本次主要讨论以下控件: GridView:用于显示数据 ...
在DevExpress程序中使用GridView直接录入数据的时候，增加列表选择的功能
在我上篇随笔<在DevExpress程序中使用Winform分页控件直接录入数据并保存>中介绍了在GridView以及在其封装的分页控件上做数据的直接录入的处理,介绍情况下数据的保存和校验 ...

随机推荐

用Java实现多线程服务器程序
一.Java中的服务器程序与多线程在Java之前,没有一种主流编程语言能够提供对高级网络编程的固有支持.在其他语言环境中,实现网络程序往往需要深入依赖于操作平台的网络API的技术中去,而Java提供 ...
VMware下拷过来的Linux系统ifconfig下没有网络问题
拷了同事的Linux系统,拷过来时还可以用,今天再打开发现找不到ip了,于是就在网上找解决方法,因本人从没接触过Linux所以查的挺多的但解决的方法试了好几个就是不行,后面找到的有效的解决方法有: L ...
SqlServer：CTE函数处理递归（WITH语法）
原文地址:http://www.cnblogs.com/xbf321/archive/2009/04/30/1446833.html 我们在做分类处理的时候,总会遇到递归的处理,比如说地区就是一个例子 ...
MySQL数据库（二）
1.模糊查询like 在where 后面使用like 通配符: % 任意字符 _ 单个字符 2.order by 排序 order by price //默认升序排序 order by price d ...
HTML5 开发APP 第一章
当今天下,移动端基本上是安卓和苹果的天下,基本上没微软什么事,作为微软忠实的支持者,也要顺势而变. 但安卓和IOS 开发是两个完全不同的世界,有没有一种技术,开发完以后可以运行在任意终端呢,答案是有 ...
sql 统计常用的sql
统计常用的sql 统计常用的sql语句: 今天的所有数据:select * from 表名 where DateDiff(dd,datetime类型字段,getdate())=0 昨天的所有数据:s ...
如何安全地运行用户的 JavaScript 脚本
本文来自网易云社区,转载务必请注明出处. 有时候我们需要运行用户输入的 JavaScript 脚本(以下简称脚本).对于我们来说,这些脚本是不可信任的,如果在当前的 Context 中运行这些脚本,它 ...
选项卡tab2
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
CodeForces - 396C On Changing Tree(树状数组)
题目大意给定一棵以1为根的树,初始时所有点为0 给出树的方式是从节点2开始给出每一个点的父亲然后是 $m$ 次操作,分为两种 $1 v,k,x$ 表示在以v为根的子树中的每一个点上添加 $x-i* ...
linux密码修改实验
1.在单用户模式下进行引导在不同的运行级别中,一个重要的运行级别就是单用户模式(运行级别1),该模式中,只有一个系统管理员使用特定的机器,而且尽可能少地运行系统服务,其中包含登录.单用户模式对少数管 ...