HTML文本格式 - 碧天

字符风格标签是HTML用于改变文本中具体某个字符的显示形式的标签，可分为逻辑风格标签和物理风格标签。每个字符风格标签都由起始标签与结束标签组成，作用于两个符号之间的文本。字符风格标签也可以嵌套使用。

逻辑风格标签：它标识文本使用的方式，说明高亮文本是如何使用的，而不是如何去显示它。它与用于段落或标题的普通元素标签相似，并不说明如何对文本格式化，而是说明如何在文档中使用这些文本。逻辑风格标签有以下八种：

逻辑风格标签	说明
〈EM〉	指示用某种方式强调字符，这些字符将以某种突出的方式被显示。在图形界面浏览器中，通常是斜体。
〈STRONG〉	比〈EM〉强调的程度更深。通常表现为黑体。
〈CODE〉	表示一段代码示例。
〈SAMP〉	文本示例，类似于〈CODE〉。
〈KBD〉	用户将输入的文本。
〈VAR〉	变量名或将被填入实际值的实体名，常以斜体或下划线方式显示。
〈DFN〉	定义，它用于高亮化将被或刚被定义的词。
〈CITE〉	一段简短的引语，使之高亮化。

物理风格标签：指示文本显示的确切方式，使之以粗体、斜体或等宽字体方式显示。物理风格标签有以下9种

物理风格标签	说明
〈B〉	粗体
〈I〉	斜体
〈TT〉	等宽字体
〈U〉	下划线
〈SRIKE〉	删除线
〈BIG〉	以较大字体显示
〈SMALL〉	以较小字体显示
〈SUB〉	下标
〈SUP〉	上标

　　下面我们将常用的字体风格标签应用到下面的例子中，并看一看它们在Microsoft Imternet Explorer中的显示结果。

<HTML>
<HEAD>
<TITLE>欢迎光临牛津剑桥多媒体</ TITLE >
</ HEAD >

<BODY>
<H1>牛津剑桥国际资讯有限公司</H1>
<P><CITE>欢迎光临牛津剑桥多媒体！</CITE></P>
<H2>公司简介</H2>
<P><B>牛津剑桥国际资讯有限公司</B>隶属于<STRONG>牛津剑桥国际集团</STRONG>，依托集团在教育领域的悠久历史，综合东西方文化的精华，面对中国飞速发展的教育事业，在多媒体教育领域与各方积极合作，利用国际先进的多媒体技术，引进国际上成功的教育经验，努力开发多媒体教育光盘产品。</P>
<H2>产品简介</H2>
<P><BIG><BIG>牛津剑桥多媒体</BIG></BIG>拥有一支高水平的多媒体制作队伍，产品种类遍及四个领域：<EM>百科博览系列</EM>、<I> 牛津剑桥英语系列</I>、<U>同步成长系列</U>、<STRIKE>计算机宝典系列</STRIKE>。</P> </BODY>
</HTML>

预格式化文本标签

　　多数情况下，HTML文件中的文本是基于HTML标签进行格式化的，文本中任何额外的空白字符（空格、制表符、回车符）都将被浏览器忽略。这个规则的一个例外是预格式化文本标签〈PRE〉...</PRE〉。任何被〈PRE〉和</PRE>括起来的空白字符都可以出现在最后的屏幕输出中。例如下面的HTML代码：

<PRE>
牛津剑桥多媒体拥有一支高水平的多媒体制作队伍，产品种类遍及四个领域：
　　百科博览系列
　　牛津剑桥英语系列
　　同步成长系列
　　计算机宝典系列
</PRE>

在Microsoft Internet Explorer 4.0中的输出结果应与下图相似：

水平尺线标签

参考《FrontPage 98循序渐进教程》水平尺线。

〈HR〉标签没有对应的结束标签，也没有关联文本，只是在页面上生成一条水平线。当前很多浏览器还支持HTML3.2中对〈HR〉的扩展以提供对水平尺线的更多的控制。

属性域	说明
SIZE	以象素为单位定义尺线的宽度
WIDTH	指出了尺线的长度
ALIGN	指明尺线的对齐方式
NOSHADE	使得浏览器以简单的黑线而无三维投影效果的方式来显示水平尺线

换行符标签

〈BR〉标签在该点将文本行断开。当Web浏览器遇到〈BR〉标签后就把其后文本按左对齐方式显示。〈BR〉标签也可以出现在段落或列表项这些元素中。〈BR〉不给文本添加任何空白符，也不会改变当前实体的字体或风格，它只是在新的一行重新开始显示文本。在HTML3.2扩展中，〈BR〉标签可带CLEAR属性域，用于带环绕文本的图像。

与〈BR〉标签正好相反，〈NOBR〉…〈/NOBR〉标签中的文本总是在同一行上，不会自动换行。〈WBR〉（词分段）标签则指出了一个行内的一个合适的截断点。如果该行文本在屏幕上显示得很好，〈WBR〉将被忽略。

地址标签

　　地址标签〈ADDRESS〉用于Web页上类似于签名的实体。它常写在每个Web页的最底行，用于显示Web页的作者、联系人、日期、版权信息及其他警告信息等。用〈ADDRESS〉标签对每个Web页进行“签名”，可以使读者愿意时找到制作者以了解更多的信息。

地址通常包含一条尺线<HR>和用于断行的换行符<BR>，例如如下代码：

<HR>
<ADDRESS>
牛津剑桥国际资讯有限公司<BR>
中国.北京.海淀区文慧园北路10号综合楼<BR>
HTTP://WWW.OCM.COM.CN/<BR>
版权所有，1998年3月<BR>
</ADDRESS>

在Microsoft Internet Explorer 4.0中的输出结果应与下图相似：

引用语标签

〈BLOCKQUOTE〉标签用于建立一个引用语，主要用于不能嵌套在其它段落中的较长的引语。引语通常用缩写或其它方式从一般正文中划分出来。

文本对齐标签

参考《FrontPage 98循序渐进教程》改变页面对齐方式。

　　文本对齐提供了排列诸如标题、段落这样大段文字的能力。

对齐独立的元素

　　要对齐单独的一个标题或一个段落，在该HTML标签后使用ALIGN属性域。ALIGN有以下三个取值：LEFT，RIGHT，CENTER。

下面是一段在Internet Explorer中对齐若干标题的代码，并给出了显示结果。

<H1 ALIGN=LEFT>牛津剑桥科学百科</H1>
<H2 ALIGN=RIGHT><A HREF="article.htm">机械博览</A></H2>
<H2 ALIGN=RIGHT><A HREF="principle.htm">科学原理</A></H2>
<H2 ALIGN=RIGHT><A HREF="warehouse.htm">神奇乐园</A></H2>

对齐元素块标签

　　对齐元素块标签〈DIV〉...</DIV>包围着一组任意的HTML标签,并影响在它们之间的所有标签和文本。它也有ALIGN属性域，取值分别为LEFT，RIGHT，CENTER。

使用<DIV>标签比用ALIGN属性域有两个好处：

只需使用一次，无需反复多次使用相同的ALIGN属性域；
可用于对齐任何元素，而ALIGN属性域只被有限的标签支持。

下面的代码与上面ALIGN属性域代码产生相同的显示结果。

<H1 ALIGN=LEFT>牛津剑桥科学百科</H1>
<DIV ALIGN=RIGHT>
<H2><A HREF="article.htm">机械博览</A></H2>
<H2><A HREF="article.htm">科学原理</A></H2>
<H2><A HREF="article.htm">神奇乐园</A></H2>
</DIV>

字体和字号标签

参考《FrontPage 98循序渐进教程》文本的样式、字体和颜色。

〈FONT〉标签用于控制字符的显示。

　　由SIZE属性域来指明字体的显示字号。SIZE的取值范围是从1到7，其中3是默认值。也可以用相对值（用加、减号）的办法来指定字符的大小，由于默认值是3，故相对值的取值范围是－3到＋4。

　　由FACE属性域来指明文本的显示实际字体。FACE把一套字体名称作为它的值，以逗号分隔。当支持FACE的浏览器解释含有FACE的页时，浏览器将逐个搜索系统字体以得到匹配。如果第一种字体找不到，就找第二种，以此类推，直到找到一种实际已安装了的字体为止。如果都找不到，就用默认字体显示。

　　由COLOR属性可以改变个别单词和短语的颜色。COLOR的值是颜色名或颜色数值。

　　现在，我们可以试着改变一下字体、字号和颜色，例如下面HTML代码：

在Microsoft Internet Explorer 4.0中的输出结果应与下图相似：

字符闪烁标签

　　〈BLINK〉...</BLINK>标签使得其间的文本产生闪烁效果，常用于引起读者对页面某一部分内容的注意。然而闪烁感存在的问题是它强调得过分了，多数Web设计者不鼓励使用〈BLINK〉。

　　在这里我们还是给出字符闪烁的例子，代码如下：

闪烁

在Internet Explorer4.0中看不到闪烁效果，只有在Netscape中才能出现。

列表格式标签

　　参考《FrontPage 98循序渐进教程》列表。

列表标签:

标签	说明
〈OL〉...〈/OL〉	编号列表，列表中的每一项由＜LI＞开头
<UL> ...〈/UL〉	项目列表，列表中的每一项由＜LI＞开头
〈MENU〉...〈/MENU〉	菜单列表
〈DIR〉... 〈/DIR〉	由很短的项目构成的列表
〈LI〉	有序和无序列表，菜单和目录列表中的列表项
〈DL〉...〈/DL〉	词汇或定义列表。表中的每一项由两部分组成：词条和定义
〈DT〉	词汇列表中的词条部分
〈DD〉	词汇列表中的定义部分

特殊列表格式

　　对于项目列表（用〈UL〉标签），TYPE属性域指明了项目符的形状，可以取以下值：

TYPE＝DISC 实心圆点（默认值）

TYPE＝CIRCLE 空心圆点

TYPE＝SQUARE 实心方块

　　对于编号列表（用〈OL〉标签），TYPE属性域同样起作用，但用一组不同的值指明列表项的编号方案：

TYPE＝1 默认值，用数字对应编号符，如1，2，3等

TYPE＝A 用大写字母编号表项，如A，B，C等

TYPE＝a 用小写字母编号表项，如a，b，c等

TYPE＝I 用大写罗马字母编号表项，如Ⅰ，Ⅱ，Ⅲ，Ⅳ等

TYPE＝i 用小写罗马字母编号表项，如i，ii，iii，iv等

　　另外，START属性域指出编号从哪个数字开始，它不管TYPE值如何，总是用数字来表示。

　　〈LI〉标签中也可以使用TYPE属性域。对于编号列表，〈LI〉标签还可以有VALUE属性，它用于把编号符设为一个特定的值。

下面的代码包括了常用的列表标签以及属性域。

<UL TYPE="CIRCLE">
<LI>公司简介</LI>
<LI>产品简介
<OL TYPE=I>
<LI>牛津剑桥百科系列</LI>
<LI>牛津剑桥英语系列</LI>
<LI>同步成长系列</LI>
<LI>计算机宝典系列</LI>
</OL>
</LI>
<LI>联系方法
<DL>
<DT>地址</DT>
<DD>北京海淀区文慧园北路10号科研综合楼</DD>
<DT>网址</DT>
<DD>HTTP://www.ocm.com.cn/</DD>
</DL>
</LI>
</UL>

在Microsoft Internet Explorer 4.0中的输出结果应与下图相似：

发表于 2006-05-10 11:54 碧天阅读(2369) 评论(0) 收藏举报