HTML入门教程(三)

逃离我推掉我的手 2022-08-26 04:52 152阅读 0赞

三、文本标志

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”时的文本