文字布局(TEXT STYLE)标记(TAGS)
时间:2007-02-17 来源:PHP爱好者
行的控制 段(Paragraph) (可以看作是空行) <p> 你好吗?<p>很好。 你好吗? 很好。 换行 <br> 你好吗?<br>很好。 你好吗?
很好。 不换行<nobr> <nobr>
请改变您浏览器窗口的宽度, 使之小于这一行的宽度, 看看这个标记的作用!
</nobr> 请改变您浏览器窗口的宽度,使之小于这一行的宽度,看看这个标记的作用! 文字的对齐(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 文字的分区(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. 列表 无序列表 <ul><li>...</ul> <ul>
<li>Today
<li>Tommorow
</ul> Today Tommorow 有序列表 <ol><li>...</ol> <ol>
<li>Today
<li>Tommorow
</ol> Today 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> 定制列表元素 定制表中的标记 <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> 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 定制有序列表表中的序号的起始值 <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 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> #=列的数目 <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> 闪烁!闪烁!
php爱好者站 http://www.phpfans.net php动态|php基础|php进阶|php模板.
很好。 不换行<nobr> <nobr>
请改变您浏览器窗口的宽度, 使之小于这一行的宽度, 看看这个标记的作用!
</nobr> 请改变您浏览器窗口的宽度,使之小于这一行的宽度,看看这个标记的作用! 文字的对齐(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 文字的分区(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. 列表 无序列表 <ul><li>...</ul> <ul>
<li>Today
<li>Tommorow
</ul> Today Tommorow 有序列表 <ol><li>...</ol> <ol>
<li>Today
<li>Tommorow
</ol> Today 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> 定制列表元素 定制表中的标记 <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> 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 定制有序列表表中的序号的起始值 <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 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> #=列的数目 <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> 闪烁!闪烁!
php爱好者站 http://www.phpfans.net php动态|php基础|php进阶|php模板.
相关阅读 更多 +