📄 html3.htm
字号:
<HTML><HEAD><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80"><META NAME="Generator" CONTENT="Microsoft Word 97"><TITLE>HTML语言教程之三：文字布局(TEXT STYLE)标记</TITLE><META NAME="Template" CONTENT="C:\PROGRAM FILES\MICROSOFT OFFICE\OFFICE\html.dot"><link rel="stylesheet" href="../../cpcw.css"></HEAD><BODY LINK="#0000ff" VLINK="#800080" background="../bg.gif"><table width="85%" border="0" align="center"> <tr bgcolor="#FFFFFF"> <td> <p align="CENTER"><font size="6" lang="ZH-CN"><font color="#FF3333" class="title"><b>HTML语言教程之三：文字布局(TEXT STYLE)标记</b></font></font></p> <p align="JUSTIFY"></p> <hr> <p> </p> <h2> 行的控制 </h2> <p><!------Paragraph-------></p> <h3>段(Paragraph) <font size=-1>(可以看作是空行)</font> <p></h3> <dl> <dd><tt>你好吗？<p>很好。</tt></dd> </dl> <p>你好吗？ <p> <p>很好。</p> <pre></pre> <p><!------Break Line-------></p> <h3>换行 <br></h3> <dl> <dd><tt>你好吗？<br>很好。</tt></dd> </dl> <p>你好吗？<br> 很好。</p> <pre></pre> <p><!------No Break-------></p> <h3>不换行<nobr></h3> <dl> <dd><tt><nobr> <br> 请改变您浏览器窗口的宽度， 使之小于这一行的宽度， 看看这个标记的作用！<br> </nobr> </tt></dd> </dl> <p><nobr>请改变您浏览器窗口的宽度，使之小于这一行的宽度，看看这个标记的作用！ </p> <pre></pre> <p><!--################## ALIGNMENT ########################--><a name="center"></a></p> <h2> 文字的对齐(Alignment) </h2> <p><!------hn centering-------></p> <h3><hn align=#>...</hn> <br> <p align=#>...</p> #=left, center, right</h3> <dl> <dd><tt><h3 align=center>Hello<\h3><br> <h3 align=right>Hello<\h3> </tt></dd> </dl> <h3 align=CENTER>Hello</h3> <h3 align=RIGHT>Hello</h3> <p><!------centering-------></p> <h3><center>...</center> </h3> <dl> <dd><tt><center>Hello</center> </tt></dd> </dl> <center> <p>Hello </p> </center> <pre></pre> <p><!--################## Division ########################--><a name="division"></a></p> <h2> 文字的分区(Division)显示 </h2> <p><!------left-------></p> <h3><div align=left> ... </div></h3> <dl> <dd><tt><div align=left><br> Can you feel happiness without unpleasant? <br><br> Please show me your smile.<br> </div></tt></dd> <p><tt> </tt></p> </dl> <p>Can you feel happiness without unpleasant?<br> Please show me your smile. <!------center-------></p> <h3><div align=center> ... </div></h3> <center> <p>Can you feel happiness without unpleasant?<br> Please show me your smile. <!------right-------></p> </center> <h3><div align=right> ... </div></h3> <div align=right> <p>Can you feel happiness without unpleasant?<br> Please show me your smile. </p> </div> <pre></pre> <p><!--################## List ########################--><a name="list"></a></p> <h2> 列表 </h2> <p><!------Unordered List-------></p> <h3>无序列表 <ul><li>...</ul></h3> <dl> <dd><tt><ul><br> <li>Today<br> <li>Tommorow<br> </ul> </tt></dd> </dl> <ul> <li>Today </li> <li>Tommorow </li> </ul> <p><!------Ordered List-------></p> <h3>有序列表 <ol><li>...</ol></h3> <dl> <dd><tt><ol><br> <li>Today<br> <li>Tommorow<br> </ol> </tt></dd> </dl> <ol> <li>Today </li> <li>Tommorow </li> </ol> <p><!------Definition List-------></p> <h3>定义列表(Definition lists) <dl><dt>...<dd>...</dl></h3> <dl> <dd><tt><dl><br> <dt>Today<br> <dd>Today is yesterday.<br> <dt>Tomorrow<br> <dd>Tomorrow is today.<br> </dl> </tt></dd> </dl> <dl> <dt>Today </dt> <dd>Today will be yesterday. </dd> <dt>Tomorrow </dt> <dd>Tomorrow will be today. </dd> </dl> <p><!------Definition List Compact-------></p> <h3>Definition lists Compact <dl compact><dt>...<dd>...</dl></h3> <table width="100%" > <tr> <td width=50%> <dl compact> <dt>Today </dt> <dd>Today will be yesterday. </dd> <dt>Next </dt> <dd>Tomorrow will be today. </dd> </dl> </td> <td><tt><dl compact><br> <dt>Today<br> <dd>Today is yesterday.<br> <dt>Tomorrow<br> <dd>Tomorrow is today.<br> </dl> </tt></td> </tr> </table> <pre></pre> <p><!--################## List Customize ########################--><a name="custom"></a></p> <h2> 定制列表元素 </h2> <p><!------Mark Style-------></p> <h3>定制表中的标记 <li type=#> #=disk, circle, square</h3> <dl> <dd><tt><ul><br> <li type=disc>ONE<br> <li type=circle>TWO<br> <li type=square>THREE<br> </ul> </tt></dd> </dl> <ul> <li type=disc>ONE </li> <li type=circle>TWO </li> <li type=square>THREE </li> </ul> <p><!------Capital letters-------></p> <h3>定制有序列表表中的序号 <li type=#> #=A, a, I, i, 1</h3> <dl> <dd><tt><ol><li type=A>ONE-ONE<br> <li>ONE-TWO</ol> </tt></dd> <ol> <li type=A>ONE-ONE </li> <li>ONE-TWO </li> </ol> <dd><tt><ol><li type=a>ONE-ONE<br> <li>ONE-TWO</ol> </tt></dd> <ol> <li type=a>ONE-ONE </li> <li>ONE-TWO </li> </ol> <dd><tt><ol><li type=I>ONE-ONE<br> <li>ONE-TWO</ol> </tt></dd> <ol> <li type=I>ONE-ONE </li> <li>ONE-TWO </li> </ol> <dd><tt><ol><li type=i>ONE-ONE<br> <li>ONE-TWO</ol> </tt></dd> <ol> <li type=i>ONE-ONE </li> <li>ONE-TWO </li> </ol> <dd><tt><ol><li type=1>ONE-ONE<br> <li>ONE-TWO</ol> </tt></dd> <ol> <li type=1>ONE-ONE </li> <li>ONE-TWO </li> </ol> </dl> <p><!------Sarted Number-------></p> <h3>定制有序列表表中的序号的起始值 <ol start=#> #=number</h3> <dl> <pre><ol start=5><li type=A>ONE-ONE<li>ONE-TWO <ol start=10> <li>TWO-ONE <li type=i>TWO-TWO</ol></ol></pre> </dl> <ol start=5> <p><br> </p> <li type=A>ONE-ONE </li> <li>ONE-TWO </li> <ol start=10> <li>TWO-ONE </li> <li type=i>TWO-TWO </li> </ol> </ol> <pre></pre> <p><!--################## Preformatted ########################--><a name="pre"></a></p> <h2> 预格式化文本(Preformatted Text) </h2> <p><!------Preformatted-------></p> <h3><pre>...</pre></h3> <dl> <dd><tt><pre><br> Please use your card.<br> VISA Master<br> <b>Here is an order form.</b><br> <ul><li>Fax<br> <li>Air Mail</ul><br> </pre> </tt></dd> </dl> <pre>Please use your cardVISA Master<b>Here is an order form.</b></pre> <ul> <li>Fax </li> <li>Air Mail </li> </ul> <p><!------Listing-------></p> <h3><listing>...</listing></h3> <dl> <dd><tt><listing><br> Please use your card.<br> VISA Master<br> <b>Here is an order form.</b><br> <ul><li>Fax<br> <li>Air Mail</ul><br> </listing> </tt></dd> </dl> <pre>Please use your card.VISA Master<b>Here is order form.</b></pre> <ul> <li>Fax </li> <li>Air Mail</li> </ul> <p><!------Example-------></p> <h3><xmp>...</xmp></h3> <dl> <dd><tt><xmp><br> Please use your card.<br> VISA Master<br> <b>Here is an order form.</b><br> <ul><li>Fax<br> <li>Air Mail</ul><br> </xmp> </tt></dd> </dl> <pre>Please use your card.VISA Master<b>Here is order form.</b><ul><li>Fax<li>Air Mail</ul></pre> <pre></pre> <p><!--################## SPACER ########################--><a name="spacer"></a></p> <h2> 空白(Spacer) </h2> <p><!------h&R-------></p> <h3><spacer type="horizontal" size=#> #=水平空白宽度<br> <spacer type="vertical" size=#> #=竖直空白高度</h3> <dl> <dd><tt>YESTERDAY <spacer type="horizontal" size=50> TODAY<br> <spacer type="vertical" size=50> TOMORROW </tt></dd> </dl> <p>YESTERDAY <spacer type="horizontal" size=50>TODAY <spacer type="vertical" size=50>TOMORROW </p> <p><!------BLOCK-------></p> <h3><spacer type="block" width=# height=# align=##><br> #=空白的尺寸<br> ##=top, middle, bottom, left, right</h3> <dl> <dd><tt><spacer type="block" width=150 height=50 align=left><br> YESTERDAY<br> TODAY<br> TOMORROW </tt></dd> </dl> <p><spacer type="block" width=150 height=50 align=left>YESTERDAY<br> TODAY<br> TOMORROW </p> <pre></pre> <p><!--################## MULTICOLUMN ########################--><a name="multicol"></a></p> <h2> 多列文本 </h2> <p><!------Basic-------></p> <h3><multicol cols=#> ... </multicol> #=列的数目</h3> <dl> <dd><tt><multicol cols=2> text text text... </multicol> <br> </tt></dd> </dl> <p><!------GUTTER-------></p> <h3><multicol gutter=#> ... </multicol> #=列间的空白</h3> <dl> <dd><tt><multicol cols=2 gutter=100> text text text... </multicol> <br> </tt></dd> </dl> <p><!------WIDTH-------></p> <h3><multicol width=#> ... </multicol> #=列的宽度</h3> <dl> <dd><tt><multicol cols=2 width=400> text text text... </multicol> <br> </tt></dd> </dl> <pre></pre> <p><!--################## Other ########################--></p> <h2> 其它 </h2> <p><!------BLOCKQUOTE-------></p> <h3>块引用(Blockquote) <blockquote>...</blockquote></h3> <dl> <dd><tt>Her Song:<br> <blockquote><br> When I was young, I listened to the radio <br> waiting for my favorite songs....<br> </blockquote> </tt></dd> </dl> <p>Her Song: </p> <blockquote> <p>When I was young, I listened to the radio waiting for my favorite songs.... </p> </blockquote> <p><!------Blink-------></p> <h3>闪烁 <blink>...</blink></h3> <dl> <dd><tt><BLINK> 闪烁！闪烁！ </BLINK> </tt></dd> </dl> <p><blink>闪烁！闪烁！</blink></p> <p align="CENTER"><a href="../homepage.htm"><font face="宋体" lang="ZH-CN">返回主页</font></a> <a href="html2.htm">上一节</a> <a href="html4.htm">下一节</a></p> <font face="宋体" lang="ZH-CN"> <p align="CENTER"><a href="http://www.cpcw.com">电脑报首页</a> <a href="../index.htm">网络学院首页</a></p> </font></td> </tr></table></BODY></HTML>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -