文本格式化标记有哪些?
在HTML中,还有一些文本格式化标记用来设置文字以特殊的方式显示,如粗体标记、 斜体标记和文字的上下标等。
1.粗体标记 b、strong
<b>和<strong>是HTML中格式化粗体文本的最基本元素。在<b>和</b>之间的文字或在 <strong>和</strong>之间的文字,在浏览器中都会以粗体字体显示。该元素的首尾部分都是必须的,如果没有结尾标记,则浏览器会认为从<b>开始的所有文字都是粗体。
语法:
<b>加粗的文字</b> <strong>加粗的文字</strong>
说明:
在该语法中,粗体的效果可以通过<b>标记来实现,还可以通过<strong>标记来实现。<b> 和<strong>是行内元素,它可以插入到一段文本的任何部分。
举例:
<html> <head> <meta http-equiv="content-tyue" content="text/html; charset=gb2312"/> <title>粗体</title> </head> <body> <p><b>对文字进行加粗</b></p> <p><strong>对文字进行加粗</strong></p> </body> </html>
其中body栏目中的<p><b>······</strong></p>部分的标记为设置文字的加粗效果,在浏览器中预览效果,如图3.7所示。
在实际网页应用中网站的导航栏目常用加粗来显示,如图3.8所示。
2. 斜体标记 i、em、cite
<i>、<em>和<cite>是HTML中格式化斜体文本的最基本元素。在<i>和</i>之间的文字、 在<em>和/em>之间的文字或在<cite>和</cite>之间的文字,在浏览器中都会以斜体字体显示。
语法:
<i>斜体文字</i> <em>斜体文字</em> <cite>斜体文字</cite>
说明:
斜体的效果可以通过<i>标记、<em>标记和<cite>标记来实现。一般在一篇以正体显示的 文字中用斜体文字起到醒目、强调或者区别的作用。
举例:
<html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312"/> <title>斜体文字效果</title> </head> <body> <center> <p><i>使用i标记显示斜体文字效果</i></p> <p><em>使用em标记显示斜体文字效果</em></p> <p><cite>使用cite标记显示斜体文字效果</cite></p> </center> </body> </html>
其中<p><i>·····</cite></p>部分的标记为设置文字的斜体效果,在浏览器中预览效果如图3.9所示。
3.上标标记sup
上标字体<sup>的英文原名为superscript,在各种数学公式、日常计算应用、书籍文章注 解甚至某些外语脚本里都有广泛的运用。<sup>元素也是行内元素,它可以成对出现在一段文字的任何地方,并且允许嵌套使用。因此如果在<sup>里再使用<sup>则会变成“上标的上标”。
语法:
<sup>上标内容</sup>
说明:
在该语法中,上标标记的效果可以通过<sup>标记来实现。
举例:
<html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312"/> <title>上标标记</title> </head> <body> <center> a<sup>2</sup>+b<sup>2</sup>=(a+b)<sup>2</sup>-2ab </center> </body> </html>
其中a<sup>·····</sup>-2ab部分的标记为设置上标标记,在浏览器中预览效果,可以看到上标标记, 如图3.10所示。
4.下标标记sub
下标字体<sUb>的英文原名为subscript,在各种数学公式、化学方程式中,下标字体有智 广泛的应用。<sub>元素是行内元素,它可以成对地出现在一^文字的任何地方,并且可以将 多个<sub>元素作用于同一段文字,也就是说,如果在<sub>兀素里继续使用<3此>,那么被作用的文字将成为“下标的下标”。
语法:
<sub>下标内容</sub>
说明:
下标标记与上标标记的使用方法相同,只需要将下标内容放置在标记之间即可。
举例:
<html> <head> <meta http-equiv="Content-type" content="text/html; charset=gb2312"/> <title>下标标记</title> </head> <body><center> H<sub>2</sub>SO<sub>4 </sub>化学方程式硫酸分子 </center> </body> </html>
其中H<sup>······</sup>化学方程式硫酸分子部分的标记为设置下标标记,在浏览器中预览效果,可以看到下标标记, 如图3,11所示。
5.大字号标记big
Big标记用来增大文本中字号的大小,它所包含的文字都会在原来的字号上增加一级。如果有多个<big>元素作用于同一个文本,则字号会被逐级增大。<big>作为一个行内元素, 它可以成对出现在一段文字中的任何位置。
语法:
<big>大字号内容</big>
说明:
在该语法中,在<big>与</big>标记之间的内容,可在定义的字号大小的基础上增加一级。
举例:
<html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312"/> <title>大字号标记</title> </head> <body> <center> 没有爱情的棋局<BR> <big>剩下黑与白天的对立<br> 如果说我是真的爱你</big><br> 你是否相信<BR></center> </body> </html>
其中<big>······</big><br>部分的代码标记为设置大字号,在浏览器中预览效果,如图3.12所示。
6.小字号标记small
Small标记所包含的文字,在浏览器里显示会比普通文字小—级。如果有多个small>元素作用于同一段文本上,则该段文本的字号会逐级缩小。<small>作为一个行内元素,它可以成对出现在一段文本中的任何地方。
语法:
<small>小字号内容</small>
说明:
此标记的用法与大字号标记的用法基本相同,可在标记之间输入小字号的内容。
举例:
<html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312"/> <title>小字号标记</title> </head> <body> <center> <font size="8">没有爱情的棋局<BR> <small><small><small>剩下黑与白天的对立</small></small></small><br> <small><small>如果说我是真的爱你</small></small><br> 你是否相信<BR> </font> </center> </body> </html>
其中<small>······</small>部分的代码标记为设置小字号,在浏览器中预览,可以看到小字号的字体效果,如图3.13所示。
7.下画线标记u
<u>标记的使用和粗体以及斜体标记类似,它作用于需加下画线的文字。
语法:
<u>下划线的内容</u>
说明:
该语法与粗体和斜体的语法基本相同。
举例:
<html> <head> <meta http-equiv="content=type" content="text/html; charset=gb2312"/> <title>下划线</title> </head> <body> <center> 没有爱情的棋局<br><p> <u>剩下黑与白天的对立</u><br><p> <u>如果说我是真的爱你</u><br><p> 你是否相信<br> </font> </center> </body> </html>
其中<u>······</u><br><p>部分的代码标记为设置下画线,在浏览器中预览, 可以看到文档中文字下面的下画线效果,如图3.14所示。
本文内容摘取于《网页制作》,仅供参考学习用途!