`

6、HTML语言剖析之清单标记

    博客分类:
  • html
阅读更多
<OL> <LI>
<UL>
<MENU> <DIR>
<DL> <DT> <DD> 
■ <OL> <LI> :  

<OL>称为顺序清单标记。<LI>则用以标示清单项目。
所谓顺序清单就是在每一项前面加上 1,2,3... 等数目,又称编号清单。
<OL> 的参数设定(常用):
例如: <ol type="i" start="4"></ol>

type="i"
设定数目款式,其值有五种,请参考 右表,内定为 type="1"。
start="4"
设定开始数目,不论设定了哪一数 目款式,其值只能是 1,2,3.. 等整 数,内定为 start="1"。
Type Numbering style
1 arabic numbers 1, 2, 3, ...
a lower alpha a, b, c, ...
A upper alpha A, B, C, ...
i lower roman i, ii, iii, ...
I upper roman I, II, III, ...



<LI> 的参数设定(常用):
例如: <li type="square" value="4">

type="square"
只适用于非顺序清单,设定符号款式,其值有三种,如下,内定为 type="disc":
符号  是当 type="disc" 时的列项符号。
符号  if" width=10 height=10 border=0> 是当 type="circle" 时的列项符号。
符号  是当 type="square" 时的列项符号。
value="4"
只适用于顺序清单,设定该一项的数目,其後各项将以此作为起始数目而递增, 但前面各项则不受影响,其值只能是 1,2,3.. 等整数,没有内定值。
例子: HTML Source Code (原始码) 浏览器显示结果
My best friends:
<ol>
<li>Michelle Wei
<li>Michael Wan
<li>Gloria Lam
</ol>  My best friends:
Michelle Wei
Michael Wan
Gloria Lam



■ <UL> :  

<UL>称为无序清单标记。
所谓无序清单就是在每一项前面加上 、、 等符号,故又称符号清单。
<UL> 的参数设定(常用):
例如: <UL type="square">

type="square"
设定符号款式,其值有三种,如下,内定为 type="disc":
符号  是当 type="disc" 时的列项符号。
符号  是当 type="circle" 时的列项符号。
符号  是当 type="square" 时的列项符号。
注意:由于 <UL> 及 <LI> 都有 type 这个参数,两者尽可能选用其一。

例子: HTML Source Code (原始码) 浏览器显示结果
My Homepages:
<ul>
<li>Penpals Garden
<li>ICQ Garden
<li>Software City
<li>Creation of Webpage
</ul>  My Homepages:
Penpals Garden
ICQ Garden
Software City
Creation of Webpage



■ <MENU> <DIR> :  

这两个标记都不为 W3C 所赞同,希望用者能以 <ul> 及 <ol> 代之。
<MENU> 及 <DIR>,基本上它和 <ul> 是一样的,在一些特别的浏览器可能表现出 <ol> 的 效果,于旧版的 IE 或 NC 标记 <DIR> 不显示符号或数目。两标记的用法与 <ul> 完全一 样。
例子: HTML Source Code (原始码) 浏览器显示结果
My Homepages:
<dir>
<li>Penpals Garden
<li>ICQ Garden
<li>Software City
<li>Creation of Webpage
</dir>  My Homepages:
Penpals Garden
ICQ Garden
Software City
Creation of Webpage



■ <DL> <DT> <DD> :  

<DL>称为定义清单标记。 <DT> 用以标示定义条目,<DD> 则用以标示定义内容。
所谓定义清单就是一种分二层的项目清单,其不故符号及数目。
三个标记都没有常用的参数。而 <DT> <DD> 可以独立使用,只是一些旧的浏览器并不支 援,如 IE 3.0。常用的如 <DD> 标记可用以制造段落第一个字前面的空白。

例子: 原始码 <dl>
<dt>How to use Definition List
<dd>First, you should not place paragraph tag right after or before a list structure or between the items of a list. In cerntain contexts, use of extra paragraph tags should always be avoided, when you realize this concept, it is quit easy to write a HTML.
<dt>Other things to know
<dd>We usually put only ONE Definition tag following the Definition Term tag, more than one DD tag is not recommanded. Besides, unlike Definition List is a nonempty tag, both Definition Term and Definition Description are empty tags.
</dl> 
显示结果 How to use Definition List
First, you should not place paragraph tag right after or before a list structure or between the items of a list. In cerntain contexts, use of extra paragraph tags should always be avoided, when you realize this concept, it is quit easy to write a HTML.
Other things to know
We usually put only ONE Definition tag following the Definition Term tag, more than one DD tag is not recommanded. Besides, unlike Definition List is a nonempty tag, both Definition Term and Definition Description are empty tags.
分享到:
评论

相关推荐

    2022年HTML语言剖析(六)清单标记CSSHTML教程.docx

    2022年HTML语言剖析(六)清单标记CSSHTML教程.docx

    HTML语言剖析之HTML标记一览

    文件标记、排版标记、字体标记、清单标记、表格标记等

    【网页设计-最新经典技术文档】HTML语言剖析(六)清单标记.pdf

    【网页设计-最新经典技术文档】HTML语言剖析(六)清单标记.pdf

    html语言剖析

    HTML 是在 SGML 定义下的一个描述性语言,或可说 HTML 是 SGML 的一个应用程式,HTML 不是程式语言,如 C++ 和 Java 之类,它只是标示语言,基本上你只要明白了各种 标记的用法便算学懂了 HTML,HTML 的格式非常简单...

    html教程(最简单易学的html标记手册)

    HTML语言剖析 • 第一课 Html简介 • 第二课 HTML标记一览 • 第三棵 文件标记 • 第四课 排版标记 • 第五课 字体标记 • 第六课 清单标记 • 第七课 表格标记 • 第八课 表单标记 • 第九课 图形标记 •...

    3D 可视化分析工具 Geometric Glovius Pro 5.1.0.622 + x64 中文多语版.zip

    Geometric Glovius Pro 5 用于 CATIA V4/V5/V6,STEP,IGES,Creo,Pro/ENGINEER,NX,SolidWorks,Solid Edge 和 Inventor 文件的 3D 可视化分析工具。进行准确的测量,切割动态截面,比较模型之间的差异,审查变化...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改 Android 一种基于Linux的自由及开放源代码的操作系统,主要使用于移动设备,如智能手机和平板电脑,由Google公司和开放...

    awesome-ruby:精选的Ruby框架,库和资源的精选清单。 受到awesome-php和awesome-python的启发

    XML / CSS操作HTTP 意象国际化记录中机器学习MapReduce 多租户自然语言处理联网ORM 包装管理演示工具进程和线程推送通知队列无服务器试算表RESTful API 科学与数据分析搜索现场监控入门应用标记模板引擎测验文字处理...

    C#微软培训资料

    9.3 面向对象的分析 .105 9.4 面向对象的设计 .107 9.5 小 结 .110 第十章 类 .112 10.1 类 的 声 明 .112 10.2 类 的 成 员 .113 10.3 构造函数和析构函数 .119 10.4 小 结 .122 第十一章 方 法 ....

    net学习笔记及其他代码应用

    (中间语言,源数据,资源,装配清单) 22.常用的调用WebService的方法有哪些? 答:1.使用WSDL.exe命令行工具。 2.使用VS.NET中的Add Web Reference菜单选项 23..net Remoting 的工作原理是什么? 答:服务器...

    goyf59.github.io

    博客文章的RSS Feed Google Analytics(分析)支持SEO(Sitemap,OpenGraph标记,Twitter标记) 离线支持和WebApp清单 :rocket: 入门创建一个Gatsby网站。 使用Gatsby CLI创建一个新站点,并指定此项目gatsby new ...

    EXCEL集成工具箱V8.0完整增强版(精简)

    【快捷综合取数】 功能较&lt;快捷取数列&gt;功能更强大,支持同时取6个不同存储格区域(或列)为6个唯一值清单,并在指定的6个不同的生效范围自适应地显示对应的清单。清单的最后6项也为子程序功能,能完成相关操作。且...

    EXCEL集成工具箱V6.0

    Excel集成工具箱6.0是利用VBA(Visual Basic for Applications)语言编写的增强应用型插件。包括160个菜单功能和100个左右 自定义函数,集160个工具于一身,但体积小于15MB。当安装集成工具箱后,如果您使用Excel ...

    JAVA上百实例源码以及开源项目源代码

    6个目标文件,EJB来模拟银行ATM机的流程及操作:获取系统属性,初始化JNDI,取得Home对象的引用,创建EJB对象,并将当前的计数器初始化,调用每一个EJB对象的count()方法,保证Bean正常被激活和钝化,EJB对象是用...

    JAVA上百实例源码以及开源项目

    6个目标文件,EJB来模拟银行ATM机的流程及操作:获取系统属性,初始化JNDI,取得Home对象的引用,创建EJB对象,并将当前的计数器初始化,调用每一个EJB对象的count()方法,保证Bean正常被激活和钝化,EJB对象是用...

    Eclipse权威开发指南2.pdf

    9.3.1 声明自己的插件清单..... 222 9.3.2 定义自己的插件类..... 225 9.3.3 安装自己的插件..... 226 9.4 使用插件开发环境...... 227 9.4.1 PDE视图和编辑器..... 227 9.4.2 管理运行时环境和开发环境..... ...

    JSTL详细标签库介绍

    异常处理会占用程序的格外执行时间&lt;BR&gt;5、 异常处理能够提高程序的容错性&lt;BR&gt;6、 程序员使用JAVA标准的异常处理功能来代替他们的专用方法,可以在大型项目中提高程序的清晰性&lt;BR&gt;7、 异常是超类Exception继承的...

    Eclipse权威开发指南3.pdf

    9.3.1 声明自己的插件清单..... 222 9.3.2 定义自己的插件类..... 225 9.3.3 安装自己的插件..... 226 9.4 使用插件开发环境...... 227 9.4.1 PDE视图和编辑器..... 227 9.4.2 管理运行时环境和开发...

Global site tag (gtag.js) - Google Analytics