HTML语言教程--第三章文字布局(TEXTSTYLE)标记(TAGS).docx
-
资源ID:13257331
资源大小:15.87KB
全文页数:8页
- 资源格式: DOCX
下载积分:4元
快捷下载
会员登录下载
微信登录下载
微信扫一扫登录
友情提示
2、PDF文件下载后,可能会被浏览器默认打开,此种情况可以点击浏览器菜单,保存网页到桌面,就可以正常下载了。
3、本站不支持迅雷下载,请使用电脑自带的IE浏览器,或者360浏览器、谷歌浏览器下载即可。
4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩,下载后原文更清晰。
5、试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓。
|
HTML语言教程--第三章文字布局(TEXTSTYLE)标记(TAGS).docx
.文字布局(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> HelloHello<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> 1. Today 2. 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 o TWO § THREE 定制有序列表表中的序号 <li type=#> #=A, a, I, i, 1<ol><li type=A>ONE-ONE<li>ONE-TWO</ol> A. ONE-ONE B. ONE-TWO <ol><li type=a>ONE-ONE<li>ONE-TWO</ol> a. ONE-ONE b. ONE-TWO <ol><li type=I>ONE-ONE<li>ONE-TWO</ol> I. ONE-ONE II. ONE-TWO <ol><li type=i>ONE-ONE<li>ONE-TWO</ol> i. ONE-ONE ii. ONE-TWO <ol><li type=1>ONE-ONE<li>ONE-TWO</ol> 1. ONE-ONE 2. 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>E. ONE-ONE F. ONE-TWO 10. TWO-ONE x. 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 cardVISA MasterHere 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 MasterHere 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 YESTERDAYTODAYTOMORROW 多列文本 <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> 闪烁!闪烁!*;