登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

博纳德的信息驿站

中国公民网络问政第一站

 
 
 

日志

 
 
关于我

智圆行方、胆大心细、临事有长有短、与人不激不随。人不要互相蔑视,又互相奉承。不要总希望自己高于别人,又常常爬在别人面前

TML语言教程之三:文本格式标记  

2006-11-07 21:07:53|  分类: 博客知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

HTML语言手册

    HTML是Hepertext Markup Language的缩写,翻译成中文是超文本标记语言。它是纯文本文件,因此用记事簿之类的文本编辑器就可以编写。HTML文件一般以htm 或 html位扩展名,这就是我们平时浏览的网页。浏览器能够解释HTML标记,并按设计要求显示出来。

    每个HTML标记都要用尖括号括起来。每一标记都必须指明开始和结束,在标记前加斜杠表示该标记的结束。因此,在标记的开始和结束之间的区域就是该标记的作用域。例如:

  <p>被显示的文本</p>

  下面分类逐一介绍各个标记的意义。

 

HTML语言教程之三:文本格式标记

 

段落标记<p></p>
<p>标记后面的正文将另起一行(段落)。

换行标记<br>
<br>标记后面的正文不另起一行,但是显示效果上另起一行。

不换行标记<nobr>
例子

<nobr>
请改变您浏览器窗口的宽度, 使之小于这一行的宽度, 看看这个标记的作用!
</nobr>

请改变您浏览器窗口的宽度,使之小于这一行的宽度,看看这个标记的作用!

文字对齐方式(Alignment)

<hn align=#>...</hn>  #=方式:左中右。
<p align=#>...</p> #=left, center, right

例如:<h3 align=center>Hello</h3> 显示如下:

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></ul>

<ul>标记列表开始,</ul>标记列表结束,之间每一行用<li>引导。例如

<ul>
<li>Today
<li>Tommorow
</ul>
显示为:
  • Today
  • Tommorow

有序列表 <ol></ol>

<ol>标记列表开始,</ol>标记列表结束,之间每一行用<li>引导自动产生行号。例如

<ol>
<li>Today
<li>Tommorow
</ol>
  1. Today
  2. Tommorow

定义列表(Definition lists) <dl></dl>

在定义列表内可使用<dt></dt>来定义标题,用<dd></dd>来定义内容。例如:.

<dl>
<dt>Today
<dd>Today is yesterday.
<dt>Tomorrow
<dd>Tomorrow is today.
</dl>
显示如下:
Today
Today is yesterday.
Tomorrow
Tomorrow is today.

<dl>标记这可加入紧凑格式,<dl compact>。上例添加compact后显示为:

Today
Today is yesterday.
Tomorrow
Tomorrow is today.

定制列表元素

定制表中的标记 <li type=#> 

定制无序列表项目符号,type有三种选择:disk, circle, square,效果如下例:

<ul>
<li type=disc>disk
<li type=circle>circle
<li type=square>square
</ul>

显示为:

  • disk
  • circle
  • square

定制有序列表表中的序号格式 <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>...</xmp>括起来的文本按原样显示,对其中的html标记不作解释了。例如:

代码:

<xmp>
<tt><font color="#800080">
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. Here is an order form.

  • Fax
  • Air Mail

多列文本

<multicol cols=列数> ... </multicol>

<multicol gutter=列间空白> ... </multicol>

<multicol width=列的宽度> ... </multicol>

例如:

<multicol cols=2 gutter=100 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>

闪烁!闪烁!

 

 

1、页面标记 2、字体标记 3、文本格式标记 4、图像标记  5、表单标记 6、表格标记 7、表格标记高级
8、框架标记 9、会移动的文字 10、多媒体页面

参考

 

 

参考

 

 

参考

 

 

参考资料
上一页
下一页
 

  评论这张
 
阅读(913)| 评论(0)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018