`

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.
分享到:
评论

相关推荐

    HTML语言剖析之HTML标记一览

    4. **清单标记**: - `&lt;OL&gt;`:有序列表,项目以数字或字母顺序排列。 - `&lt;UL&gt;`:无序列表,项目以圆点表示。 - `&lt;LI&gt;`:列表项,每个`&lt;LI&gt;`表示列表中的一个条目。 - `&lt;MENU&gt;` 和 `&lt;DIR&gt;`:老式的菜单和目录列表...

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

    在2022年的HTML语言中,清单标记是构建有序列表、无序列表和定义列表的重要元素,这些标记对于创建清晰、易读的内容至关重要,尤其是在编写教程或准备考试时。 **有序列表(Ordered List)** 有序列表由`&lt;OL&gt;`标签...

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

    HTML语言是网页设计的基础,用于构建网页结构和呈现内容。在HTML中,清单标记是创建有序和无序列表的关键元素,使网页内容更加有组织、易读。本篇主要讲解了四种类型的清单标记:`&lt;OL&gt;`(顺序清单)、`&lt;UL&gt;`(无序...

    标记语言——再谈清单

    我们将分析在不同场景下如何选择合适的方法创建清单,并了解它们对于网页结构的重要性。 【正文】: HTML列表是网页布局中不可或缺的部分,它们有助于组织信息,提供清晰的结构,便于用户理解和导航。清单分为两种...

    HTML语言学习教程——HTML语言剖析[参照].pdf

    这个教程旨在为初学者提供全面的HTML语言剖析,帮助那些对HTML不熟悉的朋友掌握这一核心技术。 1. **HTML语言简介** HTML代表超文本标记语言,是一种用于组织网页结构和内容的标记语言。它通过使用一系列的标签...

    html语言剖析

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

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

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

    HTML+5开发精要与实例详解代码清单

    HTML5是现代网页开发的核心,它是超文本标记语言HTML的第五个主要版本,引入了许多新的特性和改进,旨在提升用户体验,简化开发者的工作流程,并增强网页的互动性。本代码清单涵盖了HTML5开发的关键要点和实例,是...

    标准化设计解决方案 - 标记语言和样式手册(中文版)

    书中首先讨论了标记语言的基础,例如如何创建和优化清单。清单在网络页面中广泛应用,如超链接列表、购物清单等。作者指出,虽然创建清单看似简单,但选择正确的标记方法至关重要。他提供了三种不同的方法来实现清单...

    斗鱼HTML5播放器(Canvas弹幕版)(音画同步修正版)源码

    1. **HTML5**: HTML5是超文本标记语言的第五个主要版本,它在HTML4的基础上引入了大量新特性,如离线存储、拖放功能、媒体元素、canvas画布、svg矢量图、geolocation定位等,极大地增强了网页的交互性和动态性。...

    HTML5开发Android

    HTML5是一种超文本标记语言,它是HTML的最新版本,提供了许多增强功能,使得开发者能够创建更丰富、更具交互性的Web应用程序。在移动开发领域,HTML5对于开发Android应用具有显著的优势,因为它允许跨平台开发,减少...

    吊篮租赁管理系统》是一款针对吊篮租赁公司所设计的一款软件,它可以记录每个吊篮的BOM清单、合同管理等功能.zip

    在技术实现上,系统可能结合了HTML(超文本标记语言)和其他前端技术,如CSS(层叠样式表)和JavaScript,构建用户友好的界面,提供交互体验。HTML作为网页的基础结构语言,负责页面布局和内容展示;CSS则用于美化...

    HTML标签(上) 圣诞综合案例

    HTML是HyperText Markup Language的缩写,中文名为超文本标记语言,它是网页制作的基础,用于构建和呈现网页内容。在“HTML标签(上)圣诞综合案例”中,我们可以推测这是一份教学材料或实践项目,旨在教授初学者...

    Todo:待办事项清单

    HTML是一种标记语言,由一系列元素组成,这些元素以标签的形式嵌入在文本中,告诉浏览器如何呈现内容。例如,`&lt;html&gt;`是文档的根元素,`&lt;head&gt;`包含元数据,如页面标题,而`&lt;body&gt;`则包含实际的可见内容。在创建Todo...

    matlab开发-生成HTML表中的MFilesInHTML报表

    4. **HTML格式**:HTML(HyperText Markup Language)是网页的标准标记语言,通过使用标签来描述网页结构。在这个场景下,HTML被用来展示M文件的清单,使报告具有良好的可读性和交互性。HTML文件可以在任何现代...

    动态网页设计与制作(HTML5+CSS3+JavaScript)(第3版)_源代码和素材.zip

    1. HTML5:HTML(超文本标记语言)是网页内容的基础,HTML5是其最新版本,引入了许多新特性以提升网页的互动性和多媒体支持。例如,`&lt;canvas&gt;`元素用于绘制图形,`&lt;video&gt;`和`&lt;audio&gt;`元素用于内嵌视频和音频,`...

    html5轮胎找汽车小游戏源码.rar

    HTML5是一种先进的网页标记语言,它是Web开发领域的一次重大改革,为网页开发者提供了更强大的功能和更丰富的交互性。这个“html5轮胎找汽车小游戏源码.rar”压缩包文件包含了一个基于HTML5开发的轮胎找汽车小游戏的...

    HTML5 移动APP前端开发js、java

    HTML5是一种强大的标记语言,是Web开发领域中的一个重要里程碑,特别是在移动APP开发中。它为开发者提供了丰富的功能和API,使得构建离线应用、多媒体处理、图形绘制以及数据存储等功能变得更为便捷。在这个"HTML5 ...

    html5 的初试学习

    HTML5是下一代超文本标记语言,它在2014年正式成为W3C的推荐标准,极大地丰富了网页的交互性和表现力。这个初学者的学习主题“HTML5的初试学习”涵盖了许多核心概念和技术,包括新的元素、多媒体支持、离线存储以及...

Global site tag (gtag.js) - Google Analytics