互联网观察 网站建设 网站运营 网上创业 电子商务 建站软件 建站软件教程 网站开发 网页制作 收藏本站
建站常识 | 域名 | 主机 | 网上开店 | 搜索引擎优化 | 网站推广 | 网络赚钱 | 站长经验 | 个人建站 | 网站设计 | 网页特效 | wap网站

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

  相关文章:

  学习网页制作基础入门教程(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. 靓世





上一篇:学习网页制作基础入门教程(8)框架标签
下一篇:学习网页制作基础入门教程(10)表单标签
相关分类
网页制作 (4121)
  html教程 (591)
  css教程 (546)
  Dreamweaver教程 (1006)
  JavaScript教程 (834)
  网页制作技巧 (378)
  网页特效 (766)
 


   版权所有 Copyright© 2006 黑马建站宝典 联系方式:heima123#gmail.com