4221学习网
首页 | 网址大全 | 脑力倍增 | 电脑学院 | 学习方法 | 英语学习 | 口才交际 | 工作职场 | 成功励志 | 文学小说 | 视频教程 | 视频短片 | 下载中心 | NBA | 奥运 | 图片专区 | QQ·技巧 | 游戏技巧 | 恋爱技巧 | 谈天说地 | 专题教程 | 4221论坛
热门关键字: 视频教程  百家讲坛  美女  记忆力  疯狂英语
 → 当前位置:4221学习网>电脑学院>网页制作>Html教程>正文

文字布局(TEXT STYLE)标记(TAGS

4221学习网 2007-09-28 来源:互联网 收藏本文

训练30小时,让阅读提速5-10倍!---速读记忆训练软件免费下载!(点击下载)

+ 行的控制

段(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>
  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
  • TWO
  • THREE

定制有序列表表中的序号 <li type=#> #=A, a, I, i, 1

<ol><li type=A>ONE-ONE
<li>ONE-TWO</ol>
  1. ONE-ONE
  2. ONE-TWO
<ol><li type=a>ONE-ONE
<li>ONE-TWO</ol>
  1. ONE-ONE
  2. ONE-TWO
<ol><li type=I>ONE-ONE
<li>ONE-TWO</ol>
  1. ONE-ONE
  2. ONE-TWO
<ol><li type=i>ONE-ONE
<li>ONE-TWO</ol>
  1. ONE-ONE
  2. 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>


  1. ONE-ONE
  2. ONE-TWO
    1. TWO-ONE
    2. 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>

闪烁!闪烁!

上一篇:表单(FORM)标记(TAGS)   下一篇:字体(FONT)标记(TAGS)
添加到google书签 digg this! 添加到bolaa 添加到yahoo+ 添加到新浪vivi 添加到365key  
收藏】 【评论】 【推荐】 【投稿】 【打印】 【关闭

相关文章
·表单(FORM)标记(TAGS)
·字体(FONT)标记(TAGS)
·表格(TABLE)标记(TAGS)
·页面(PAGE)标记(TAGS)
·表格进阶(TABLE ADVANCED)
·会移动的文字
·多媒体页面
·正则表达式过滤HTML危险脚本
·HTML语言剖析(一)Html简介
·HTML语言剖析(二)HTML标记一览
发表评论
要记得去论坛讨论,点击注册新会员) 密码: 匿名评论
评论内容:(请自觉遵守互联网相关政策法规。)
最新文章
·页面(PAGE)标记(TAGS)
·字体(FONT)标记(TAGS)
·表单(FORM)标记(TAGS)
·表格(TABLE)标记(TAGS)
·表格进阶(TABLE ADVANCED)
·会移动的文字
·多媒体页面
·正则表达式过滤HTML危险脚本
·HTML语言剖析(一)Html简介
·HTML语言剖析(二)HTML标记一览
本类阅读排行榜
·HTML语言剖析(四)排版标记
·正则表达式过滤HTML危险脚本
·HTML语言剖析(二)HTML标记一览
·页面(PAGE)标记(TAGS)
·HTML语言剖析(一)Html简介
·表格(TABLE)标记(TAGS)
·HTML语言剖析(三)文件标记
·多媒体页面
·字体(FONT)标记(TAGS)
·表单(FORM)标记(TAGS)
热点视频教程
视频街舞 舞步 教学
视频windowsxp重装系统视频教程
视频李孝利十分钟详细舞蹈教程
视频美女教你跳舞
视频街舞 舞步 教学2
视频双截棍视频教程-定式
视频如何安装双操作系统
视频韩国的太空步教程,后滑、侧滑、旋转太空
视频【WindowsXP入门教程】 - 硬盘分区
视频台球教程-基本杆法
视频[百家讲坛]三十六计01_借刀杀人
视频24式太极拳教学---基本动作
视频 斯诺克台球竿法-后退球
视频动物世界之决战生死线2
视频超级全脑速读训练教程

设为首页 - 加入收藏 - 关于我们 - 联系我们 - 友情连接

4221学习网版权所有-鄂ICP备07006816号
已浏览: