◇行的控制

段(Paragraph) (可以看作是空行) <p>

你好嗎？<p>很好。

你好嗎？

很好。

換行 <br>

你好嗎？<br>很好。

你好嗎？
很好。

不換行<nobr>

<nobr>
請(qǐng)改變您瀏覽器窗口的寬度， 使之小于這一行的寬度， 看看這個(gè)標(biāo)記的作用！
</nobr>

請(qǐng)改變您瀏覽器窗口的寬度，使之小于這一行的寬度，看看這個(gè)標(biāo)記的作用！

◇ 文字的對(duì)齊(Alignment)

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

<h3 align=center>Hello</h3>
<h3 align=right>Hello</h3>

Hello

Hello

<center>...</center>

<center>Hello</center>

Hello

◇ 文字的分區(qū)(Division)顯示

<div align=left> ... </div>

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

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

<div align=center> ... </div>

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

<div align=right> ... </div>

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

◇ 列表

無(wú)序列表 <ul><li>...</ul>

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

• Today
• Tommorow

有序列表 <ol><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 will be yesterday.

Tomorrow

Tomorrow will be today.

Definition lists Compact <dl compact><dt>...<dd>...</dl>

Today Today will be yesterday. Next Tomorrow will be today.

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

◇ 定制列表元素

定制表中的標(biāo)記 <li type=#> #=disk, circle, square

<ul>
<li type=disc>ONE
<li type=circle>TWO
<li type=square>THREE
</ul>

• ONE
• TWO
• THREE

定制有序列表表中的序號(hào) <li type=#> #=A, a, I, i, 1

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

1. ONE-ONE
2. ONE-TWO

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

1. ONE-ONE
2. ONE-TWO

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

1. ONE-ONE
2. ONE-TWO

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

1. ONE-ONE
2. ONE-TWO

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

1. ONE-ONE
2. ONE-TWO

定制有序列表表中的序號(hào)的起始值 <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

◇ 預(yù)格式化文本(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
Here is an order form.

• Fax
• Air Mail

<listing>...</listing>

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

Please use your card.
VISA    Master
Here is order form.

• Fax
• Air Mail

<xmp>...</xmp>

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

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

◇ 空白(Spacer)

<spacer type="horizontal" size=#> #=水平空白寬度
<spacer type="vertical" size=#> #=豎直空白高度

YESTERDAY <spacer type="horizontal" size=50> TODAY
<spacer type="vertical" size=50> TOMORROW

YESTERDAY TODAY TOMORROW

<spacer type="block" width=# height=# align=##>
#=空白的尺寸
##=top, middle, bottom, left, right

<spacer type="block" width=150 height=50 align=left>
YESTERDAY<br> TODAY<br> TOMORROW

YESTERDAY
TODAY
TOMORROW

◇ 多列文本

<multicol cols=#> ... </multicol> #=列的數(shù)目

<multicol cols=2> text text text... </multicol>
例子

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

<multicol cols=2 gutter=100> text text text... </multicol>
例子

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

<multicol cols=2 width=400> text text text... </multicol>
例子

◇ 其它

塊引用(Blockquote) <blockquote>...</blockquote>

Her Song:
<blockquote>
When I was young, I listened to the radio
waiting for my favorite songs....
</blockquote>

Her Song:

When I was young, I listened to the radio waiting for my favorite songs....

閃爍 <blink>...</blink>

<BLINK> 閃爍！閃爍！ </BLINK>

總結(jié)

以上是生活随笔為你收集整理的HTML4.0标准语法--文字布局的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。