HTML 语法教学之序列标签

原创 2005年04月25日 07:56:00
【无序标签】

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

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

原始码呈现结果
<UL>
<LI>姓名:杰克升
<LI>生日:1974/11/21
<LI>星座:天蝎座
</UL>
  • 姓名:杰克升
  • 生日:1974/11/21
  • 星座:天蝎座

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

前面的符号一定是要圆形的吗?不,我们可以加入TYPE="形状名称"属性来改变其符号形状,一共有三个选择:DISK(实心圆)、SQUARE(小正方形)、CIRCLE(空心圆)三种(由于本页使用CSS故仅于Netscape看得出效果。)

原始码呈现结果
<UL TYPE="CIRCLE">
<LI>姓名:杰克升
<LI>生日:1974/11/21
<LI>星座:天蝎座
</UL>
  • 姓名:杰克升凯
  • 生日:1974/11/21
  • 星座:天蝎座



【有序标签】

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

原始码呈现结果
<OL>
<LI>姓名:杰克升
<LI>生日:1974/11/21
<LI>星座:天蝎座
</OL>
  1. 姓名:杰克升
  2. 生日:1974/11/21
  3. 星座:天蝎座

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

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

原始码呈现结果
<OL TYPE="A">
<LI>姓名:杰克升
<LI>生日:1974/11/21
<LI>星座:天蝎座
</OL>
  1. 姓名:杰克升
  2. 生日:1974/11/21
  3. 星座:天蝎座

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

原始码呈现结果
<OL START="8">
<LI>姓名:杰克升
<LI>生日:1974/11/21
<LI>星座:天蝎座
</OL>
  1. 姓名:杰克升
  2. 生日:1974/11/21
  3. 星座:天蝎座



【定义列表标签】

接下来我们要说明的这个标签,是“定义列表标签”也是属于序列标签之一。我们先来举个例子,我们常常会在文章中看见这样的格式:
CSS(Cascading style sheet)
CSS是由W3C于1996年12月所公布的一项新技术,什么叫做Cascading style sheet?简单说来他是一种具有阶层性的形式设定,能够让网页设计者在设计网页时,对于网页上的任何物件均有更佳的操控性…

网页里也有可以做到这种效果的标签喔!现在要来跟各位说的就是这个标签。咱们先来看看这标签的用法:

我们先来看看“定义列表标签”如何使用:

原始码呈现结果
<DL>
<DT>小标题
<DD>标题的内容说明
</DL>
小标题
标题的内容说明

HTML 语法教学之排版标签

【文字置左、置中、置右】 使用方法:老实说,刚刚我们学过的分段标签再加上一些简单的属性设定,就可以让其整个文字段落置左、置中或置右了,就如下表所示: 原始码呈现结果 文字靠左文字靠左文字置中文字置中文...
  • xinqingch
  • xinqingch
  • 2005年04月15日 04:19
  • 1128

HTML 语法教学之字体标签

【标题标签】 使用方法:标题内容 标签解说:标题的大小一共有六种,两个标签一组,也就是从到,最大,最小。使用标题标签时,该标签会将字体变成粗体字,并且会自成一行。 使用范例:原始码呈现结果 标题一标题...
  • xinqingch
  • xinqingch
  • 2005年04月15日 04:21
  • 2235

HTML 语法教学之连结标签

【WWW连结标签基本概念】 连结基本概念:一般而言,所谓连结就是,在网页中有些字会有特别的颜色,而且字的底下会有条线,当游标移到那些字上时,会变成手指形状,按下去,则会连到别的文章或网站,就像这样(以...
  • xinqingch
  • xinqingch
  • 2005年04月25日 07:47
  • 2019

HTML 语法教学之表格标签

【网页中的表格观念】 举个例子来说,如果今天我们要做一个3栏2列的表格,在WORD中,只要设定表格为3栏、2列就完成了,不过,在网页中做一个3栏2列的表格,可是要分成好几个步骤的,第一个步骤,利用标签...
  • xinqingch
  • xinqingch
  • 2005年04月25日 07:55
  • 1261

HTML 语法教学之背景标签

【背景标签】 说穿了,背景标签只有这个标签,其余的效果,只要加上一些简单的属性便可做到。 使用方法:> 标签解说:这个标签其实应该老早就要讲了,毕竟它是构成网页不可或缺的基本要素之一(哎哎哎...现在...
  • xinqingch
  • xinqingch
  • 2005年04月15日 04:16
  • 1144

HTML 4.0 语法教学 [笔记2] [标签]

HTML 4.0 语法教学 [笔记2][分隔标签]    [排版标签]    [字体标签]    [文字标签]    [影像标签]    [背景标签][原文地址][笔记] [分隔标签] //换行标签 ...
  • ttigerdna
  • ttigerdna
  • 2007年02月24日 20:29
  • 520

"HTML 4.0 语法教学"

 [网址]http://chinese.allproducts.com.tw/GB/html/
  • ttigerdna
  • ttigerdna
  • 2007年02月24日 13:07
  • 854

java使用正则表达式匹配HTML标签

import java.io.BufferedReader; import java.io.File; import java.io.FileReader; import java.io.IOExce...
  • xichengqc
  • xichengqc
  • 2017年12月04日 17:58
  • 73

HTML语法标签

一:HTML文档的结构
  • Cookie_1030
  • Cookie_1030
  • 2014年07月17日 11:01
  • 875

HTML 图片映射<map>标签整理

今天涉及到一个知识点的学习,就是在大流量的今天,尽可能减少HTTP的资源请求数目,以保证页面的加载速度,所以牵扯到了图片映射这个概念,简作整理…...
  • u011415782
  • u011415782
  • 2017年11月20日 17:14
  • 145
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML 语法教学之序列标签
举报原因:
原因补充:

(最多只允许输入30个字)