1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

学习网页制作基础入门教程(9)序列标签

作者:用户 来源:互联网 时间:2016-07-07 11:15:58

无序列表网页制作标签学习基础入门教程E3000基础学习基础学习教程入门基础基础学习基础入门入门学习入门代码有序

学习网页制作基础入门教程(9)序列标签 - 摘要: 本文讲的是学习网页制作基础入门教程(9)序列标签, 教程|入门教程|网页   相关文章:   学习网页制作基础入门教程(1)网页编写   学习网页制作基础入门教程(2)排版标签   学习网页制作基础入门教程(

教程|入门教程|网页

  相关文章

  学习网页制作基础入门教程(1)网页编写

  学习网页制作基础入门教程(2)排版标签

  学习网页制作基础入门教程(3)字体标签

  学习网页制作基础入门教程(4)图象标签

  学习网页制作基础入门教程(5)图象标签

  学习网页制作基础入门教程(6)连接标签

  学习网页制作基础入门教程(7)表格标签

  学习网页制作基础入门教程(8)框架标签

  无序标签

  1. 序列标签基本上可分为两种,一种是“无序条列”,一种是“有序条列”。所谓“无序条列”当然就是意指各条列间并没有顺序关系,纯粹只是利用条列式方法来显示资料而已,此种无序标签,在各条列前面均有一符号以示分隔。至于“有序条列”就是指各条列之间是有顺序的,从1、2、3…一直延伸下去。

  2. 我们先来看看“无序列表标签”如何使用:

原始代码 显示结果
<UL>
<LI>靓仔
<LI>靓女
<LI>靓世界
</UL>
  • 靓仔
  • 靓女
  • 靓世界

  其中 <UL>标签即为“无序列表标签”,每增加一列內容,就必须加一个<LI> 。

  3. 前面的符号一定是要圆形的吗?不,我们可以加入TYPE="形状名称"属性来改变其符号形状,一共有三个选择:DISK(实心圆)、SQUARE(小正方形)、CIRCLE(空心圆)三种

原始代码 显示结果
<UL TYPE="CIRCLE">
<LI>靓仔
<LI>靓女
<LI>靓世界
</UL>
  • 靓仔
  • 靓女
  • 靓世界

   有序标签

  1. 接下来,我们来看看“有序列表标签”如何使用:

原始代码 显示结果
<OL>
<LI>靓仔
<LI>靓女
<LI>靓世界
</OL>
  1. 靓仔
  2. 靓女
  3. 靓世界

  其中 <OL>标签即为“有序标签”,每增加一列內容,就必须加一个<LI> 。

  2. 和无序列表标签一样,我们也可以选择不同的符号来显示顺序,一样是用TYPE属性来作更改,一更有五种符号:1(数字)、A(大写英文字母)、a(小写英文字母)、I(大写罗马字母)、i(小写罗马字母)等五种:

原始代码 显示结果
<OL TYPE="A">
<LI>靓仔
<LI>靓女
<LI>靓世界
</OL>
  1. 靓仔
  2. 靓女
  3. 靓世界

  3. 另外,我们也可指定序列起始的数目,其方法如下:

原始代码 显示结果
<OL START="10">
<LI>靓仔
<LI>靓女
<LI>靓世界
</OL>
  1. 靓仔
  2. 靓女
  3. 靓世


以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索无序列表 , 网页制作 , 标签 , 学习 , 基础 , 入门教程 , E3000基础学习 , 基础学习教程 , 入门基础 , 基础学习 , 基础入门 , 入门学习 , 入门代码 有序 ,以便于您获取更多的相关知识。

前三篇
后三篇
稳定可靠、可弹性伸缩的在线数据库服务,全球最受欢迎的开源数据库之一

6款热门基础云产品6个月免费体验;2款产品1年体验;1款产品2年体验

弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率

开发者常用软件,超百款实用软件一站式提供