萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> HTML文本標簽如何使用

HTML文本標簽如何使用

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

 

 

copyright © 萬盛學電腦網 all rights reserved