HTML文字布局

行的控制

段(Paragraph) (可以看作是空行)

示例代码：

<p> 你好吗？</p>很好。

你好吗？

很好。

换行<br>

示例代码：

你好吗？<br>很好。

你好吗？
很好。

文字的对齐(Alignment)

<hn align=#>...</hn>

<p align=#>...</p> #=left, center, right

文字的分区(Division)显示

<div align=#> ... </div> align=left,right,center

代码演示：

<div align=right> Can you feel happiness without unpleasant? Please show me your smile. </div>

Can you feel happiness without unpleasant? Please show me your smile.

列表

无序列表<ul><li>...</li></ul>

示例演示：

<ul> <li>Today <li>Tommorow </ul>

• Today
• Tommorow

有序列表<ol><li>...</li></ol>

示例演示：

<ol> <li>Today <li>Tommorow </ol>

1. Today
2. Tommorow

定义列表(Definition lists)<dl><dt>...<dd>...</dl>

示例演示：

<dl> <dt>Today <dd>Today is yesterday. <dt>Tomorrow <dd>Tomorrow is today. </dl>

Today

Today is yesterday.

Tomorrow

Tomorrow is today.

定制列表元素

定制表中的标记<li type=#> #=disk, circle, square

示例代码： <ul> <li type=disc>ONE <li type=circle>TWO <li type=square>THREE </ul>

• ONE
• TWO
• THREE

定制有序列表表中的序号<li type=#> #=A, a, I, i, 1

示例代码：

<ol> <li type=A>ONE-ONE <li>ONE-TWO </ol>

1. ONE-ONE
2. ONE-TWO

定制有序列表表中的序号的起始值 <ol start=#> #=number

示例代码：

<ol start=5> <li type=A>ONE-ONE <li>ONE-TWO <ol start=10> <li>TWO-ONE <li type=i>TWO-TWO </ol></ol>

5. ONE-ONE
6. ONE-TWO
   10. TWO-ONE
   11. TWO-TWO

预格式化文本(Preformatted Text)

<pre>...</pre>

示例代码：

<pre> Please use your card. VISA Master <b>Here is an order form.</b> <ul><li>Fax <li>Air Mail</ul> </pre>

Please use your card.
VISA Master
<b>Here is an order form.</b>
<ul><li>Fax
<li>Air Mail</ul>

<listing>...</listing>

示例代码：

<listing> Please use your card. VISA Master <b>Here is an order form.</b> <ul><li>Fax <li>Air Mail</ul> </listing> <listing> Please use your card. VISA Master Here is an order form.

• Fax
• Air Mail

</listing>

多列文本

<multicol cols=#> ... </multicol> #=列的数目

<multicol gutter=#> ... </multicol> #=列间的空白

<multicol width=#> ... </multicol> #=列的宽度

闪烁 <blink>...</blink>

<BLINK> 闪烁！闪烁！ </BLINK>