HTML文字布局(TEXT STYLE)标记(TAGS)
2007-12-23 11:07:23 来源:WEB开发网行的控制
<------Paragraph------->
段(Paragraph) (可以看作是空行) <p>
- 你好吗?<p>很好。
你好吗?
很好。
<------Break Line------->
换行 <br>
- 你好吗?<br>很好。
你好吗?
很好。
<------No Break------->
不换行<nobr>
- <nobr>
请改变您浏览器窗口的宽度, 使之小于这一行的宽度, 看看这个标记的作用!
</nobr>
<--################## ALIGNMENT ########################-->
文字的对齐(Alignment)
<------hn centering------->
<hn align=#>...</hn>
<p align=#>...</p> #=left, center, right
- <h3 align=center>Hello<\h3>
<h3 align=right>Hello<\h3>
Hello
Hello
<------centering------->
<center>...</center>
- <center>Hello</center>
Hello
<--################## Division ########################-->
文字的分区(Division)显示
<------left------->
<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. <------center------->
<div align=center> ... </div>
Can you feel happiness without unpleasant?
Please show me your smile. <------right------->
<div align=right> ... </div>
Can you feel happiness without unpleasant?
Please show me your smile.
<--################## List ########################-->
列表
<------Unordered List------->
无序列表 <ul><li>...</ul>
- <ul>
<li>Today
<li>Tommorow
</ul>
- Today
- Tommorow
<------Ordered List------->
有序列表 <ol><li>...</ol>
- <ol>
<li>Today
<li>Tommorow
</ol>
- Today
- Tommorow
<------Definition List------->
定义列表(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 List Compact------->
Definition lists Compact <dl compact><dt>...<dd>...</dl>
|
<dl compact> <dt>Today <dd>Today is yesterday. <dt>Tomorrow <dd>Tomorrow is today. </dl> |
<--################## List Customize ########################-->
定制列表元素
<------Mark Style------->
定制表中的标记 <li type=#> #=disk, circle, square
- <ul>
<li type=disc>ONE
<li type=circle>TWO
<li type=square>THREE
</ul>
- ONE
- TWO
- THREE
<------Capital letters------->
定制有序列表表中的序号 <li type=#> #=A, a, I, i, 1
- <ol><li type=A>ONE-ONE
<li>ONE-TWO</ol>- ONE-ONE
- ONE-TWO
- <ol><li type=a>ONE-ONE
<li>ONE-TWO</ol>- ONE-ONE
- ONE-TWO
- <ol><li type=I>ONE-ONE
<li>ONE-TWO</ol>- ONE-ONE
- ONE-TWO
- <ol><li type=i>ONE-ONE
<li>ONE-TWO</ol>- ONE-ONE
- ONE-TWO
- <ol><li type=1>ONE-ONE
<li>ONE-TWO</ol>- ONE-ONE
- ONE-TWO
<------Sarted Number------->
定制有序列表表中的序号的起始值 <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>
- ONE-ONE
- ONE-TWO
- TWO-ONE
- TWO-TWO
<--################## Preformatted ########################-->
预格式化文本(Preformatted Text)
<------Preformatted------->
<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>
- <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
<------Example------->
<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)
<------h&R------->
<spacer type="horizontal" size=#> #=水平空白宽度
<spacer type="vertical" size=#> #=竖直空白高度
- YESTERDAY <spacer type="horizontal" size=50> TODAY
<spacer type="vertical" size=50> TOMORROW
YESTERDAY
<------BLOCK------->
<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
TODAY
TOMORROW
<--################## MULTICOLUMN ########################-->
多列文本
<------Basic------->
<multicol cols=#> ... </multicol> #=列的数目
- <multicol cols=2> text text text... </multicol>
例子
<------GUTTER------->
<multicol gutter=#> ... </multicol> #=列间的空白
- <multicol cols=2 gutter=100> text text text... </multicol>
例子
<------WIDTH------->
<multicol width=#> ... </multicol> #=列的宽度
- <multicol cols=2 width=400> text text text... </multicol>
例子
<--################## Other ########################-->
其它
<------BLOCKQUOTE------->
块引用(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> 闪烁!闪烁! </BLINK>
更多精彩
赞助商链接