第三章文字版面的编辑_HTML教程(3)_H5之家 - 中国HTML5教程资源分享第一站

说明：如果用户的系统中没有face属性所指的字体，则将使用默认字体。size属性的取值为1~7。也可以用"+"或"-"来设定字号的相对值。color属性的值为：rgb颜色"#nnnnnn"或颜色的名称

实例：3-10-2html

<html>
<head>
<title>控制文字的格式</title>
</head>
<body>
<center>
盼望着，盼望着，东风来了，春天脚步近了。 

一切都像刚睡醒的样子，欣欣然张开了眼。山朗润起来了，水涨起来了，太阳的脸红起来了。


小草偷偷地从土里钻出来，嫩嫩的，绿绿的。园子里，田野里，瞧去一大片一大片满是的。坐着，躺着，打两个滚，踢几脚球，赛几趟跑，捉几回迷藏。风轻悄悄的，草软绵绵的。

</center>
</body>
</html>

3-10-3特定文字样式标签

在有关文字的显示中，常常会使用一些特殊的字形或字体来强调、突出、区别以达到提示的效果。在html中用于这种功能的标签可以分为两类，物理类型和逻辑类型。

1、物理类型

(1) 粗体标签
放在与标签之间的文字将以粗体方式显示。

(2) 斜体标签
放在 与标签之间的文字将以斜体方式显示。

(3) 下划线标签
放在 与标签之间的文字将以下划线方式显示。

实例3-10-31html

<html>
<head>
<title>字体的物理类型</title>
</head>
<body>
<center>
这些文字是粗体的 
这些文字是斜体的 
这些文字带有下划线
</center>
</body>
</html>

2、逻辑类型

逻辑类型是使用一些标签来改变字体的形态和式样，以便产生一些浏览者习惯的或约定的显示效果，常用的逻辑类型标签有八种，放在标签之间的文字受其控制。下面请看常用逻辑标签的实例

实例3-10-32htrml

<html>
<head>
<title>字体的逻辑类型</title>
</head>
<body>
<pre>
em标签： 用于强调的文本，一般显示为斜体字
strong标签： 用于特别强调的文本，显示为粗体字
cite标签： <cite>用于引证和举例，通常是斜体字</cite>
code标签： <code>用来指出这是一组代码</code>
small标签： 规定文本以小号字显示
big标签： <big>规定文本以大号字显示</big>
samp标签： <samp>显示一段计算机常用的字体，即宽度相等的字体</samp>
kbd标签： <kbd>由用户输入文本，通常显示为较粗的宽体字</kbd>
var标签： <var>用来表示变量，通常显示为斜体字</var>
dfn标签： <dfn>表示一个定义或说明，通常显示为斜体字</dfn>
sup标签：12 2=144
sub标签：硫酸亚铁的分子式是Fe 2SO4
</pre>
</body>

第三章 文字版面的编辑_HTML教程(3)

第三章文字版面的编辑_HTML教程(3)