|
|||||||||||||||||
| HTML语言教程之三：文字布局(TEXT STYLE)标记 |
|
|
行的控制 段(Paragraph) (可以看作是空行) <p> </P><P>你好吗？<p>很好。 你好吗？ </P><P> 很好。</P><P> 换行 <br> 你好吗？<br>很好。 你好吗？ 很好。</P><P> 不换行<nobr> <nobr> 请改变您浏览器窗口的宽度， 使之小于这一行的宽度， 看看这个标记的作用！ </nobr> 请改变您浏览器窗口的宽度，使之小于这一行的宽度，看看这个标记的作用！ </P><P> 文字的对齐(Alignment) </P><P><hn align=#>...</hn> <p align=#>...</p> #=left, center, right <h3 align=center>Hello<\h3> <h3 align=right>Hello<\h3> Hello </P><P>Hello </P><P> <center>...</center> <center>Hello</center> Hello </P><P> 文字的分区(Division)显示 </P><P><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. </P><P><div align=center> ... </div> Can you feel happiness without unpleasant? Please show me your smile. </P><P><div align=right> ... </div> Can you feel happiness without unpleasant? Please show me your smile. </P><P> 列表 </P><P>无序列表 <ul><li>...</ul> <ul> <li>Today <li>Tommorow </ul> Today Tommorow </P><P>有序列表 <ol><li>...</ol> <ol> <li>Today <li>Tommorow </ol> Today Tommorow </P><P>定义列表(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. </P><P>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> </P><P> 定制列表元素 </P><P>定制表中的标记 <li type=#> #=disk, circle, square <ul> <li type=disc>ONE <li type=circle>TWO <li type=square>THREE </ul> ONE TWO THREE </P><P>定制有序列表表中的序号 <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</o> ONE-ONE ONE-TWO </P><P>定制有序列表表中的序号的起始值 <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></P><P></P><P> ONE-ONE ONE-TWO TWO-ONE TWO-TWO </P><P>预格式化文本(Preformatted Text) </P><P><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.</P><P>Fax Air Mail </P><P><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.</P><P>Fax Air Mail </P><P><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></P><P> 空白(Spacer) </P><P><spacer type="horizontal" size=#> #=水平空白宽度 <spacer type="vertical" size=#> #=竖直空白高度 YESTERDAY <spacer type="horizontal" size=50> TODAY <spacer type="vertical" size=50> TOMORROW YESTERDAY TODAY TOMORROW </P><P> <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 </P> |
|
| 上一篇:HTML语言教程之四：图像(IMAGE)标记 下一篇:HTML语言教程之二：字体(FONT)标记 |
| 大部分文章摘自网上，如有侵犯您的权益请与我们联系，我们会第一时间进行处理，谢谢! | [ 打印文章 ] [ 关闭窗口 ] |