HTML学习之有序列表、无序列表和自定义列表

列表分成三种类型:有序列表、无序列表和自定义列表。

有序列表使用编号来记录项目的顺序

无序列表使用项目符号来记录无序的项目

自定义列表它由两个部分组成:定义条件和定义描述。

有序列表:

<OL  type="编号样式" start="编号起始值">

<LI>项目一</LI>

<LI>项目二</LI>

....

</OL>

type

1 阿拉伯数字

a英文小写

A英文大写

i罗马小写数字

I罗马大写数字

start编号样式的

起始数字,如:编号样式设为A,起始值设置为2,则列表的起始值为B

测试程序如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body >
   <marquee direction="right" behavior="alternate" bgcolor="#3333FF">
   hello,great boy.......
   </marquee>
   <hr>

  <ol type="1" start="5">
       <li>时间</li>
       <li>金钱</li>
       <li>权利</li>
       <li>自由</li>
  </ol>

</html>

HTML无序列表:

§无序列表标记

<UL>

<LI>项目一</LI>

<LI>项目二</LI>

....

</UL>

type

circle 空心圆

disc圆点

square正方形

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body >
   <marquee direction="right" behavior="alternate" bgcolor="#3333FF">
   hello,great boy.......
   </marquee>
   <hr>

  <ul type="disc"  >
   <li>项目一</li>
   <li>项目二</li>
   <li>项目三</li>
  </ul>

</html>

自定义列表:

<html>
<head>
	<title>标题</title>
</head>

<body>
    <DL>
      <DT>☆<DD>无序列表</DD>
      <DT>☆<DD>有序列表</DD>
      <DT>☆<DD>定义列表</DD>
    </DL>
    <DL>
     	<DT>无序列表</DT><DD>不以数字为开始,而是使用一个符号作为分项标记的列表。</DD>
     	<DT>有序列表</DT><DD>使用数字编号,分项带有顺序性质的列表。</DD>
     	<DT>定义列表</DT><DD>用于解释名词的列表,包含了两种层次,一是名词,一是名词的解释。</DD>
    </DL>

</body>
</html>
时间: 2024-10-12 14:34:43

HTML学习之有序列表、无序列表和自定义列表的相关文章

sharepoint2010 创建自定义列表

sharepoint2010 创建自定义列表 分类: sharepoint20102014-04-04 14:06 106人阅读 评论(0) 收藏 举报 转:http://boke.25k5.com/kan77298.html 如何创建自定义列表 首先了解创建自定义列表中涉及到的几个名词:栏.内容类型. ①栏:栏即列.字段(Field),MSDN中给出的解释为:“字段”一词在 SharePoint Foundation 开发中有两个关系非常密切的含义.有时它指的是列表中的列,但如果提到单个列表项

前端学习 -- Css -- 有序列表和无序列表

列表就相当于去超市购物时的那个购物清单, 在HTML也可以创建列表,在网页中一共有三种列表: 1.无序列表 2.有序列表 3.定义列表 无序列表 - 使用ul标签来创建一个无序列表 - 使用li在ul中创建一个一个的列表项, 一个li就是一个列表项 通过type属性可以修改无序列表的项目符号 可选值: disc,默认值,实心的圆点 square,实心的方块 circle,空心的圆 注意:默认的项目符号我们一般都不使用!! 如果需要设置项目符号,则可以采用为li设置背景图片的方式来设置 ul和li

自学html-four(css初始化及html语义标签 -&gt; h标签 p标签 img标签 有序列表 无序列表 表格 超链接)

一.css初始化 现在我们来做一个简单的测试,测试步骤如下: 1.编写代码如下: 2.把改程序用不同的浏览器打开我们会发现同一份代码在不同的浏览器中的显示会有略微的差别: 360浏览器下显示效果图: 火狐浏览器下显示的效果图: 同一份代码在不同浏览器显示的效果存在差异的原因是:各浏览器对各元素的margin,border,font-size等的初始设置略有不同 解决方法:通过css强制让所有元素的属性值都一样 这里提供一段雅虎工程师css初始化代码,直接拷贝到css位置就可以了,body,div

20170613- HTML 支持有序、无序和定义列表

20170613-HTML 支持有序.无序和定义列表 实例无序列表本例演示无序列表.有序列表本例演示有序列表.(可以在本页底端找到更多实例.)无序列表无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记.无序列表始于 <ul> 标签.每个列表项始于 <li>. <ol> 定义有序列表.<ul> 定义无序列表.<li> 定义列表项.<dl> 定义定义列表.<dt> 定义定义项目.<dd> 定义

html有序列表与无序列表自定义列表

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html" charset="UTF-8"> <title>列表标签</title> </head> <!--有序列表与无序列表自定义列表--> <body

HTML 有序、无序和定义列表

无序列表 <ul> <li>咖啡</li> <li>茶</li> <li>牛奶</li> </ul> 咖啡 茶 牛奶 不同无序列表 <h4>Disc 项目符号列表:</h4> <ul type="disc"> <li>苹果</li> <li>香蕉</li> <li>柠檬</li> &l

sharepoint 2016 学习系列篇(13)-自定义列表应用篇-(2)添加字段栏

前面创建完列表之后,我们需要在用户信息表中,添加一些我们需要用到的字段,当然还可以添加更多的字段,这里我们只是简单做一个示例,介绍如何在自定义列表(Custom List)中创建字段栏. 我们先创建一个字段"姓名". 打开我们前面创建好的用户信息表,点击列表的空白位置,在左上角会显示出一些标签的按钮,点击"列表(List)"标签,点击列表设置(List Settings), 进入设置页面,在下方找到栏(Column),点击创建栏(Create column), 进入

学习Eclipse插件开发需要循序渐进看的书籍列表?

因为工作需要,需要用Eclipse插件进行开发.而笔者在以前的工作经验中根本就没有接触过,而且这类的技术和视频资料非常少.通过摸打滚爬将近2年,终于小有成就.刚好趁着圣诞节公司放了一个礼拜的假期,和大家分享一下学习Eclipse插件开发需要循序渐进看的书籍列表,以节约大家的宝贵时间. 1.  OSGI是Eclipse插件开发的基础,因此在进行Eclipse Plugin开发的时候,一定要先了解OSGI是什么?已经OSGI bundle相关的概念,因此,一定要找一本OSGI相关的书籍来阅读. 1.

sharepoint 2016 学习系列篇(15)-自定义列表应用篇-(4)数据权限配置

当数据已经录入到列表中之后,接下来,朋友们可能会想知道,有些数据,只想给某些用户看到,或者编辑,列表是否支持这样的操作. 大微软的sharepoint平台,对于用户的需求,可以说是考虑得很周全的,权限管理,当然也是不可能漏掉的,而且权限管理,还是sharepoint上一个非常突出的亮点,数据安全性管理的颗粒度,很完善.接下来,我们来看下,如何在sharepoint的自定义列表中,给数据配置不同的用户访问权限,这些当然也是不需要开发,就能实现的. 前面讲到,用户访问sharepoint平台网站的时