HTML 基本标记及属性 -- 列表

beyes · 发表于 2009-6-6 01:04:20

列表是一种常用和有效的表达方式，用列表的方式描述可以使文档更有条理，易于阅读。3种常用的列表：符号列表、排序列表和定义列表。

符号列表：
示例代码：

<html>
<head>
    <title>符号列表示例</title>
</head>

<body>
    <h2>曲径通幽版块名称</h2>

    <ul type="square">
        <li>软件应用
        <li>文学之窗
        <li>史海钩沉
    </ul>
</body>
</html>

效果：http://www.groad.net/beyes/html/table.html

上面主要用到 <ul> 和 <li> 标记，其中 <ul> 和 </ul> 标记表示一个符号列表，一个 <li> 标记表示一个项目。
在 <ul> 列表中有一个属性 type，它是符号列表的重要属性，用来指定符号列表前面的符号，详见下表说明：

属性值	表示符号
circle	空心圆点
square	实心方块
disc	实心圆点

定义列表：
排序列表和符号列表不同，排序列表每个项目前面都是一个编号字符，可以是数字也可以是字母。

排序列表和符号列表语法相似，只是用 <ol> 和 <li> 标记，用法如下：

<ol type="1" start="1">
   <li>月下独酌
   <li>蜀道难
   <li>将进酒
   <li>梦游天姥吟留别
</ol>

<ol> 标记有两个属性。type 属性指定编号字符的种类，其属性值见下表：

属性值	编号字符
1	1,2,3...
a	a,b,c...
A	A,B,C...
i	i,ii,iii...
I	I II III...

start 属性指定编号字符的起始值，属性值为数字，默认值为 1 。

定义列表：
定义列表的特点是由描述项和解释项组成，每一项目前面没有符号或编号字符，用法如下：
[font=[object htmloptionelement]]

<dl>

<dt>李白作品

<dd>月下独酌

<dd>蜀道难

<dd>将进酒

<dt>杜甫作品

<dd>闻官军收河南河北

<dd>望岳

<dd>蜀相

<dt>王维作品

<dd>鹿柴

<dd>相思

</dl>

效果见：http://www.groad.net/beyes/html/table.html
其中 <dt>表示大项目；<dd>表示一个小项目

附：其他一些标记

<center> 与 </center>
该标记用于居中，凡是位于该标记之间的内容都会居中对齐。用法如下：

<center>
<h1>曲径通幽</h1>
<p>曲径通幽禅房草木深
</center>

<hr>标记
该标记用于插入一条水平线，用法如下：

<hr width="80%" color="red">

字符实体
有些字符是无法在 HTML 中直接显式的，比如如果想在文档中输入一些空格，但直接在文档中输入字符一般是显式不出来的，往往会被忽略掉，这时就需要用到字符实体。比如下面就输出 3 个空格：

&nbsp

HTML特殊转义字符列表
最常用的字符实体
Character Entities
[tr] [/tr][tr] [/tr][tr] [/tr]

显示	说明	实体名称	实体编号
	半方大的空白
	全方大的空白
	不断行的空白格
<	小于	<	<
>	大于	>	>
&	&符号	&	&
"	双引号	"	"
©	版权	©	©
®	已注册商标	®	®
™	商标（美国）	™	™
×	乘号	×	×
÷	除号	÷	÷

ISO 8859-1 (Latin-1)字符集
HTML 4.01 支持 ISO 8859-1 (Latin-1) 字符集。
备注：为了方便起见，以下表格中，“实体名称”简称为“名称”，“实体编号”简称为“编号”

显示

名称

编号

显示

名称

编号

显示

名称

编号

显示

名称

编号

显示

名称

编号

¡

¢

£

¤

¥

¦

§

¨

©

ª

«

¬

®

¯

°

±

²

³

´

µ

¶

·

¸

¹

º

»

¼

½

¾

¿

À

Á

Â

Ã

Ä

Å

Æ

Ç

È

É

Ê

Ë

Ì

Í

Î

Ï

Ð

Ñ

Ò

Ó

Ô

Õ

Ö

×

Ø

Ù

Ú

Û

Ü

Ý

Þ

ß

à

á

â

ã

ä

å

æ

ç

è

é

ê

ë

ì

í

î

ï

ð

ñ

ò

ó

ô

õ

ö

÷

ø

ù

ú

û

ü

ý

þ

ÿ

数学和希腊字母标志
symbols, mathematical symbols, and Greek letters

显示

名称

编号

显示

名称

编号

显示

名称

编号

显示

名称

编号

显示

名称

编号

ƒ

Α

Β

Γ

Δ

Ε

Ζ

Η

Θ

Ι

Κ

Λ

Μ

Ν

Ξ

Ο

Π

Ρ

Σ

Τ

Υ

Φ

Χ

Ψ

Ω

α

β

γ

δ

ε

ζ

η

θ

ι

κ

λ

μ

ν

ξ

ο

π

ρ

ς

σ

τ

υ

φ

χ

ψ

ω

?

ϑ

?

ϒ

?

ϖ

•

…

′

″

‾

⁄

℘

ℑ

ℜ

™

ℵ

←

↑

→

↓

↔

↵

⇐

⇑

⇒

⇓

⇔

∀

∂

∃

∅

∇

∈

∉

∋

∏

∑

−

∗

√

∝

∞

∠

∧

∨

∩

∪

∫

∴

&there4;

∴

∼

∝

≅

≈

≠

≡

≤

≥

⊂

⊃

⊄

⊆

⊇

⊕

⊗

⊥

⋅

?

⌈

?

⌉

?

⌊

?

⌋

?

〈

?

〉

◊

♠

♣

♥

♦

重要的国际标记
markup-significant and internationalization characters

显示

名称

编号

显示

名称

编号

显示

名称

编号

显示

名称

编号

显示

名称

编号

"

&

<

>

Œ

œ

Š

š

Ÿ

ˆ

˜

‌

‍

‎

‏

–

—

‘

’

‚

“

”

„

†

‡

‰

‹

		自动登录	找回密码
密码			立即注册

[网页] HTML 基本标记及属性 -- 列表

浏览过的版块