HTML--文字布局(TEXT STYLE)标记(TAGS)
2006-04-21 12:06
417 查看
文字布局(TEXT STYLE)标记(TAGS)
行的控制
段(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>闪烁!闪烁!
HTML Design Guide Main Page
Contents || Page || Font || Text Style || Image || Form || Table || Table Advanced
|| Frames || Marquee || Alternative Inline Elements
Tag Index || What's New
Network Communication Design
http://ncdesign.kyushu-id.ac.jp/
C&P 1994-1996 Yuriko Ienaga v91102@vgenda.kyushu-id.ac.jp
相关文章推荐
- HTML-文字布局(TEXT STYLE)标记(TAGS)
- HTML 03: 文字布局(TEXT STYLE)标记(TAGS)
- 文字布局(TEXT STYLE)标记(TAGS)
- 文字布局(TEXT STYLE)标记(TAGS)
- html教程(四) 文字布局(TEXT STYLE)标记(TAGS)
- 文字布局(TEXT STYLE)标记(TAGS)
- 第三章 文字布局(TEXT STYLE)标记(TAGS)
- HTML基本语法三 文字布局标记
- FOR 新手:一段Text Helper代码,用于文字处理:去掉HTML标记,以及字符串相减
- Android TextView中展示含有html标签的文字
- 将资产文件中的html纯文字放到TextView中
- 【HTML 元素】标记文字
- 【HTML 元素】标记文字详解
- HTML表格制作小知识--表格内文字的对齐和布局
- 把TextView中的文字添加阴影效果及Style的使用
- (教学思路 HTML二)页面的文字布局和文字效果
- HTML-字体(FONT)标记(TAGS)
- HTML 01: 页面(PAGE)标记(TAGS)
- html教程(一) 页面(PAGE)标记(TAGS)
- HTML4.0标准语法--文字布局