1.〈pre〉〈/pre〉
2.〈h1〉〈/h1〉……〈h6〉〈/h6〉
3.〈b〉〈/b〉〈i〉〈/i〉〈u〉〈/u〉
4.〈tt〉〈/tt〉〈cite〉〈/cite〉〈em〉〈/em〉〈strong〉〈/strong〉
5.〈font〉〈/font〉
上一个教程中我们已经讲了如何在浏览器中输出文本,以及文本输出的格式,这个教程中我们将谈一谈文本输出的字体,如斜体、黑体字、下加一划线等等。在本教程的最后给出了一个文本标志的综合示例,希望读者能认真阅读。
1.〈pre〉〈/pre〉
〈pre〉〈/pre〉标志对用来对文本进行预处理操作。
2.〈h1〉〈/h1〉……〈h6〉〈/h6〉
Html语言提供了一系列对文本中的标题进行操作的标志对:〈h1〉〈/h1〉……〈h6〉〈/h6〉,即一共有六对标题的标志对。〈h1〉〈/h1〉是最大的标题,而〈h6〉〈/h6〉则是最小的标题,也即是标志中 h 后面的数字越大标题文本就越小。如果您的Html文档中需要输出标题文本的话,便可以使用这六对标题标志对中的任何一对。
3.〈b〉〈/b〉〈i〉〈/i〉〈u〉〈/u〉
经常使用 WORD 的人对这三对标志对一定很快就能掌握。〈b〉〈/b〉用来使文本以黑体字的形式输出;〈i〉〈/i〉用来使文本以斜体字的形式输出;〈u〉〈/u〉用来使文本以下加一划线的形式输出。后边将会有一个综合的例子,所以此处就不再作详细讲解了。
4.〈tt〉〈/tt〉〈cite〉〈/cite〉〈em〉〈/em〉〈strong〉〈/strong〉
这些标志对的用法和上边的一样,差别只是在于输出的文本字体不太一样而已。〈tt〉〈/tt〉用来输出打字机风格字体的文本;〈cite〉〈/cite〉用来输出引用方式的字体,通常是斜体;〈em〉〈/em〉用来输出需要强调的文本(通常是斜体加黑体);〈strong〉〈/strong〉则用来输出加重文本(通常也是斜体加黑体)。这些标志对的示例也将在后边综合的例子中出现。
5.〈font〉〈/font〉
〈font〉〈/font〉是一对很有用的标志对,它可以对输出文本的字体大小、颜色进行随意地改变,这些改变主要是通过对它的两个属性 size 和 color 的控制来实现的。size属性用来改变字体的大小,它可以取值:-1、1和+1;而color属性则用来改变文本的颜色,颜色的取值是我们在教程一中讲过的十六进制RGB颜色码或Html语言给定的颜色常量名。具体用法请看下边综合的例子。
例4 文本标志的综合示例
〈html〉
〈head〉
〈title〉文本标志的综合示例〈/title〉
〈/head〉
〈body text="blue"〉
〈h1〉最大的标题〈/h1〉
〈h3〉使用h3的标题〈/h3〉
〈h6〉最大的标题〈/h6〉
〈p〉〈b〉黑体字文本〈/b〉 〈/p〉
〈p〉〈i〉斜体字文本〈/i〉 〈/p〉
〈p〉〈u〉下加一划线文本〈/u〉 〈/p〉
〈p〉〈tt〉打字机风格的文本〈/tt〉〈/p〉
〈p〉〈cite〉引用方式的文本〈/cite〉〈/p〉
〈p〉〈em〉强调的文本〈/em〉〈/p〉
〈p〉〈strong〉加重的文本〈/strong〉〈/p〉
〈p〉〈font size="+1" color="red"〉size取值“+1”、color取值“red”时的文本〈/font〉〈/p〉
〈/body〉
〈/html〉
本例在浏览器中显示的结果如下:
最大的标题
使用h3的标题
最大的标题
黑体字文本
斜体字文本
下加一划线文本
打字机风格的文本
引用方式的文本
强调的文本
加重的文本
size取值“+1”、color取值“red”时的文本