转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
HTML语言教程之三:文字布局(TEXT STYLE)标记         ★★★★

HTML语言教程之三:文字布局(TEXT STYLE)标记

作者:闵涛 文章来源:闵涛的学习笔记 点击数:785 更新时间:2009/4/23 11:15:32

行的控制
段(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>



[网页制作]script中的language=javascript和type=text/javas…  [办公软件]Excel函数Text的语法、参数及用法介绍
[VB.NET程序]Code: Writing Text to a File (Visual Basic)  [VB.NET程序]自动选择 Text 的内容
[网页制作]文字布局(TEXT STYLE)标记  [网页制作]CSS文本:text-justify
[网页制作]CSS文本:text-kashida-space  [网页制作]CSS文本:text-autospace
[网页制作]CSS文本:text-align  [网页制作]CSS文本:text-overflow
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台