DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> 關於HTML >> Html教程(三)-文本標志
Html教程(三)-文本標志
編輯:關於HTML     

上一個教程中我們已經講了如何在浏覽器中輸出文本,以及文本輸出的格式,這個教程中我們將談一談文本輸出的字體,如斜體、黑體字、下加一劃線等等。在本教程的最後給出了一個文本標志的綜合示例,希望讀者能認真閱讀。

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved