当前位置：文档之家 › HTML无序有序列表

HTML无序有序列表

  • 格式：doc
  • 大小：47.50 KB
  • 文档页数：4

2006-11-16 17:02
序列标签基本上可分为两种，一种是“无序列表”，一种是“有序列表”。

所谓“无序条列”当然就是意指各条列间并无顺序关系，纯粹只是利用条列式方法来呈现资料而已，此种无序标签，在各条列前面均有一符号以示区隔。

至于“有序条列”就是指各条列之间是有顺序的，从1、2、3…一直延伸下去。

基本构架
<UL> 无序列表开始
<LI> ...单列内容
<LI> ...单列内容
<LI> ...单列内容
</UL> 无序列表结束
标签属性TYPE设定符号款式，属性值为disc（实心圆-默认）、square （正方形）、circle（空心圆）。

使用范例
基本构架
<OL> 有序列表开始
<LI> ...单列内容
<LI> ...单列内容
<LI> ...单列内容
</OL> 有序列表结束
标签属性TYPE设定符号款式，属性值为1、a、A、i、I。

START设定序列起始值。

VALUE设定某一序列起始值，其後各项将以此作为起始数目而递增。

使用范例
基本构架
<DL> 定义性序列表开始
<DT> ...定义性序列表的条目，可单独使用。

<DD> ..定义性序列表的内容，内容前会有空白，可单独使用。

</DL> 定义性序列表结束
原始代码：
<DL>
<DT>世界——缘起
<DD>天地处于“混沌”状态，有“盘古”生于其间。

盘古身体不断成长，原来的混沌状态不能容纳其身体而分裂，“清气”上升为天，“浊气”沉降为地。

盘古死后，其精、气、神分化成三位大神，分别为伏羲、神农、女娲。

被称为“三皇”。

原本蕴藏在盘古身体内的“灵力”逸散，分解为水、火、雷、风、土“五灵”，散于天地之间。

而盘古之心悬于天地之间成为连接天地的纽带，并与天界清气所钟之地连接，因清浊交汇而生“神树”，成为天界生命之源。

因天地间生灵太少，三皇分别以不同形式创造生灵……
<DT>世界——历史
<DD>魔剑春秋末年，姜国民女“离”以刺绣名动天下，被姜王纳入皇宫为后。

次年，产子名“阳”；五年后，产女名“葵”。

越10年，杨国挥军进攻姜国，姜国不敌，求助于齐，齐王以离后手绣一“江山社稷图”为条件，姜王应允，齐国派兵保卫姜国。

两年后，离后积劳成疾，绣品未成便呕血而死。

齐国撤兵，杨国围困姜都城，姜王染疾，朝政暂由太子阳代理。

太子阳召集方士，修造熔炉，循古方铸造“魔剑”，相传魔剑一出，江山变色，乾坤逆转，可挽姜国兵危……
</DL>
显示结果：
世界——缘起
天地处于“混沌”状态，有“盘古”生于其间。

盘古身体不断成长，
原来的混沌状态不能容纳其身体而分裂，“清气”上升为天，“浊气”
沉降为地。

盘古死后，其精、气、神分化成三位大神，分别为伏羲、
神农、女娲。

被称为“三皇”。

原本蕴藏在盘古身体内的“灵力”逸散，分解为水、火、雷、风、土“五灵”，散于天地之间。

而盘古之心悬于
天地之间成为连接天地的纽带，并与天界清气所钟之地连接，因清浊交
汇而生“神树”，成为天界生命之源。

因天地间生灵太少，三皇分别
以不同形式创造生灵……
世界——历史
魔剑春秋末年，姜国民女“离”以刺绣名动天下，被姜王纳入皇宫为
后。

次年，产子名“阳”；五年后，产女名“葵”。

越10年，杨国挥
军进攻姜国，姜国不敌，求助于齐，齐王以离后手绣一“江山社稷图”
为条件，姜王应允，齐国派兵保卫姜国。

两年后，离后积劳成疾，绣
品未成便呕血而死。

齐国撤兵，杨国围困姜都城，姜王染疾，朝政暂由
太子阳代理。

太子阳召集方士，修造熔炉，循古方铸造“魔剑”，相传
魔剑一出，江山变色，乾坤逆转，可挽姜国兵危……。

合集下载

第3章_HTML网页制作

第3章_HTML网页制作


北京清华万博网络技术股份有限公司版权所有
WS-NE30-3-01
03-23
3.5.9 列表（续）
• 无序列表：
语法: 说明: <UL TYPE=“” COMPACT></UL> TYPE属性可以分别取三个值“disc”、“square”、“circle”，（在 某些浏览器中，TYPE属性的值必须使用小写浏览器才可以识别） 它是用来控制强调符风格的属性，三个值分别对应实心圆点，实心 方块，空心圆圈。需要说明的是有些浏览器不支持该属性。 COMPACT属性是个无值属性（名称标记），用来使列表的表项用 紧凑格式显示。
北京清华万博网络技术股份有限公司版权所有
WS-NE30-3-01
03-25
3.5.9 列表（续）
• 有序列表：
语法: <OL TYPE=“” START=“” COMPACT></OL> 说明: TYPE属性可以分别取五个值“1”、“a”、“A”、“i”、 “I”，它是用来控制强调符风格的属性，五个值分别对应 数字、小写字母、大写字母、小写罗马数字、大写罗马数 字。START属性是一个数字，表示从第几个数字（字母） 开始计数。COMPACT属性是个无值属性（名称标记）， 用来使列表的表项用紧凑格式显示。
北京清华万博网络技术股份有限公司版权所有 WS-NE30-3-01 03-14
语法: 说明:
3.5.7 文字移动
• • • • • • 文字移动方向的设置 文字移动方式的设置 文字移动循环的设置 文字移动速度与延时的设置 文字移动底色的设置 文字移动面积的设置
北京清华万博网络技术股份有限公司版权所有
北京清华万博网络技术股份有限公司版权所有
WS-NE30-3-01
无序列表、有序列表语法及列表项符号。

无序列表、有序列表语法及列表项符号。

无序列表、有序列表语法及列表项符号。

无序列表使用“-”、“*”或“+”作为列表项符号，有序列表使用数字加“.”作为列表项符号。

无序列表的语法如下：-列表项1-列表项2-列表项3有序列表的语法如下：1.列表项12.列表项23.列表项3无序列表和有序列表都可以嵌套使用，嵌套时需要在上一级列表项前使用空格缩进。

使用无序列表和有序列表有以下特点：1.顺序性：有序列表按照数字的顺序递增排列，而无序列表不需要任何顺序，只需使用列表项符号即可。

2.重点突出：有序列表可以对事物进行排序，使得读者可以根据数字的先后顺序进行理解。

而无序列表可以用于突出重要的内容，使得读者能够更加明确地区分列表项之间的关系。

3.可读性：使用列表能够使文章结构更加清晰明了，读者能够更快地获取到关键信息。

在写作中，无序列表和有序列表可以用于以下场景：1.列举事物：在写一篇文章或者论述一个观点时，可以使用无序列表或有序列表来列举不同的事物或观点，并以列表项的形式展示出来，从而使得读者对内容有更清晰的认识。

2.说明步骤：在给读者提供关于如何做某件事情的指南时，可以使用有序列表来说明步骤的顺序，使得读者按照指定的顺序逐步进行操作。

3.强调重点：在一段文字中，可以使用无序列表来突出重要的内容，使得读者更加容易注意到。

通过突出重点，可以使得文章更加有针对性，有重点。

4.结构清晰：在整篇文章中，使用无序列表或有序列表来划分不同的部分，使得文章结构更加清晰明了。

读者可以通过列表项符号来直观地判断出文章的各个部分之间的关系。

总的来说，无序列表和有序列表是书写和阅读过程中非常有用的工具。

无序列表用于突出重要的内容，有序列表用于排序和传递步骤。

通过使用列表，可以使得文章结构更加清晰明了，读者能够更快地获取到关键信息。

无论是在写作还是阅读过程中，列表都能够提升文章的可读性和观点的清晰度。

第二章 HTML基础

第二章 HTML基础


2.4 建立超链接
2.4.1 建立超链接
建立超链接的标记是<a>，语法格式为： <a href = "url" >超链接标识 </a> url：指明链接目标的具体路径和文件名。 超链接标识：是网页中链接的载体，可以 是文字或图像、热区等页面元素，用户点击它 就会跳到超链接的目标位置。
2.4 建立超链接
2.2 文本的编辑
2.2.4 列表
2．无序列表 基本语法结构为：
<ul type=n> <li>项目1 <li>项目2 …… <li>项目n </ul>
Type：设置符号形状，有实心圆、小正方 形、空心圆三种，具体情况如下： n=disk：符号为实心圆。 n=square：符号为正方形。 n=circle：符号为空心圆。
3．水平线标记<hr> 水平线是在网页上划出一条水平的分割线，用 <hr>来标记水平线。语法格式为： <hr align=left / center / right noshade size=？ width=？ color=？> Size：设置水平线的高度，以像素为单位。 Color：设置水平线的颜色。 Width：设置水平线的宽度，单位是像素或百 分比，像素是绝对大小，不会随着浏览器窗口的大 小而改变，百分比是相对于浏览器窗口水平线所占 的比例，会随着浏览器窗口的大小而改变。 Align：设置水平线的对齐方式。对齐方式有 三种：左对齐、居中、右对齐。
2.3 图像编辑
我们在网页上经常会浏览图像，适当使 用图像可以增加网页的美观。在网页中最常 用到的是插入图像和设置背景图像。
2.3.1 插入图像 2.3.2 使用背景图像
HTML标记总结(word版)

HTML标记总结(word版)

HTML标记总结<html> //文件开始标记<head> //文件的头部开始标记<title> HTML总体结构</title>//头部</head> //头部结束标记<body> //文件的主体开始标记hello!</body> //主体结束标记</html>//文件结束标记编写时的注意事项（1）元素的标记都要用尖括号< >括起来，成对使用的标记的结束标记是在开始标记之前加一反斜杠，如<html>与</html>。

（2）代码不分大小写，如<boDY>与<BODy>都是正确的，但是所有符号如< > 、“”都必须是英文输入法。

（3）标记<!--……-->表示其中的内容是注释语句，在浏览器中不会显示出来。

4、页面的头部标记和主体标记（1）页面的头部标记<head>HTML文档的头部内容</head>一般来说位于头部的内容都不会在网页上显示，而是通过别的方式体现。

常用的头部标记有以下几个：<base>当前文档的URL全称（基底网址）<basefont> 设定基准的文字字体，字号和颜色<title> 设定显示在浏览器左上方的标题内容<isindex> 表示该文档是一个可用于检索的网关脚本，由服务器自动建立。

<meta> 是有关文档本身的元信息，如用于查询的关键词，用于获取该文档的有效期等。

<style>设定CSS层叠样式表的内容<link> 设定外部文件的链接<script>设定页面中程序脚本的内容（1）<title>标题标记<title>W eb页面的标题</title>在HTML 里<title>和</title>是位于html文档头部的，即<head>和</head>之间。