HTML 文字格式化

HTML可定義很多格式化輸出地元素.例如：粗體字斜體字文字方向等.而這些格式化的標(biāo)籤可以從兩個(gè)方面進(jìn)行劃分.

#依標(biāo)籤功能可分為：

文字格式化標(biāo)籤

#'電腦輸出'標(biāo)籤

參考與術(shù)語(yǔ)定義標(biāo)籤

依標(biāo)籤功能的實(shí)作可以分為:

##基於內(nèi)容的樣式標(biāo)籤

基於物理樣式的標(biāo)籤

#首先從標(biāo)籤功能實(shí)作來(lái)看文字的格式化.

1. 基於內(nèi)容的樣式標(biāo)籤

#基於內(nèi)容的樣式會(huì)告訴瀏覽器它所包含的文字具有特殊的意義.上下文或用法.然後瀏覽器就會(huì)把與該意義.上下文或用法一致的格式應(yīng)用在文本上.

基於內(nèi)容的樣式標(biāo)籤有以下幾種:

1)?< ;abbr>表示一個(gè)縮寫形式

2)?<acronym>定義只取首字母的縮寫

3)?<code>用來(lái)表示電腦原始碼或其它機(jī)器可以閱讀的代碼.。

4)?<dfn>標(biāo)記那些對(duì)特殊術(shù)語(yǔ)或片語(yǔ)的定義.

5)?告訴瀏覽器其所包含的文字為強(qiáng)調(diào)內(nèi)容.

6)?<kbd>表示要從鍵盤輸入的文字,瀏覽器使用等寬字體顯示該文字

7)?標(biāo)籤和標(biāo)籤一樣,表示對(duì)文字的強(qiáng)調(diào).但是的語(yǔ)氣更為強(qiáng)烈些.

8)?<var>表示變數(shù)名稱或由使用者提供的值.

基於內(nèi)容的樣式,就是使用不同的字體,格式來(lái)顯示標(biāo)籤所包圍的文字,都是有特殊的含義.如果僅僅是想產(chǎn)生不一樣的文字顯示效果,而沒(méi)有這些特殊的含義,最好不要使用這些標(biāo)籤.例如: ;表示強(qiáng)調(diào),其包含的文字顯示為粗黑體.但是,如果僅僅是想產(chǎn)生粗黑體的文字就不要使用標(biāo)籤,可以使用標(biāo)籤.

# 2. 基於物理樣式的標(biāo)籤

基於內(nèi)容的樣式告訴瀏覽器,這些標(biāo)籤所代表了特殊的意義,依此能讓瀏覽器更好的現(xiàn)實(shí)文字.在特殊的時(shí)候,也許需要文字以特殊的方式來(lái)顯示,這就需要使用物理樣式.9種基於物理的樣式:粗體(bold)斜體<Italic)等寬(monospaced),下劃線(underlined),刪除線(strikethrough)放大(larger),縮小(smaller),上標(biāo)(superscripted),下標(biāo)(subscribed)

粗體

#大字體<big>

斜體

<s>刪除,不常用了,可以用<del>代替.

#小字型

<strike>底線

上標(biāo)

下標(biāo)

<tt>等寬字體.

功能實(shí)現(xiàn)上的劃分就到此了,再來(lái)看下從功能上的分類,由於有很多的標(biāo)籤和上面的標(biāo)籤重複,下面只詳細(xì)的介紹上面沒(méi)有的標(biāo)籤.

文字格式化標(biāo)籤.

標(biāo)籤? ? ? ? ? ?說(shuō)明

# ? ?定義粗字體? ?

<big> ? ?定義大字型? ?

#<big> ? ?定義大號(hào)字體? ?

<?##; ?；

# ? ?定義下標(biāo)? ?

#<ins> ? ?定義插入字. ? ?

<del>? ?,del代替? ?

<strike> ? ?不贊成使用,del代替. ? ?

##電腦輸出標(biāo)籤

#標(biāo)籤? ? ? ? ??說(shuō)明

#<code> ? ?定義電腦程式碼。 ? ?

<kbd> ? ?定義鍵盤碼。 ? ?

<samp> ? ?定義電腦程式碼樣本。 ? ?

<tt> ? ?訂打字機(jī)代碼。 ? ?

<var> ? ?定義變數(shù)。 ? ?

<pre> ? ?定義預(yù)格式文字。 ? ?

<listing> ? ?不贊成使用。使用 <pre> 代替。 ? ?

<plaintext> ? ?不贊成使用。使用 <pre> 代替。 ? ?

<xmp> ? ?不贊成使用。使用 <pre> 代替。

引用、引用、術(shù)語(yǔ)定義

#標(biāo)籤? ? ? ? ?說(shuō)明

######<abbr> ? ?定義縮寫。 ? ?######<acronym> ? ?定義首字母縮寫。 ? ?######<address> ? ?定義位址。 ? ?######<bdo> ? ?定義文字方向。 ? ?######<blockquote> ? ?定義長(zhǎng)的引用。 ? ?######<q> ? ?定義短的引文。 ? ?######<cite> ? ?定義引用、引證。 ? ?###

<dfn> ? ?定義一個(gè)定義項(xiàng)目。

實(shí)例：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文網(wǎng)(php.cn)</title> 
</head> 
<body>

<b>This text is bold</b>  
  
<br />  
  
<strong>This text is strong</strong>  
  
<br />  
  
<big>This text is big</big>  
  
<br />  
  
<em>This text is emphasized</em>  
  
<br />  
  
<i>This text is italic</i>  
  
<br />  
  
<small>This text is small</small>  
  
<br />  
  
This text contains   
<sub>subscript</sub>  
  
<br />  
  
This text contains   
<sup>superscript</sup>  
  
</body>
</html>

實(shí)例2：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文網(wǎng)(php.cn)</title> 
</head> 
<body>
<code>Computer code</code>  
<br />  
<kbd>Keyboard input</kbd>  
<br />  
<tt>Teletype text</tt>  
<br />  
<samp>Sample text</samp>  
<br />  
<var>Computer variable</var>  
<br />  
  
<p>  
<b>注釋：</b>這些標(biāo)簽常用于顯示計(jì)算機(jī)/編程代碼。   
</p>  
  
</body>
</html>

繼續(xù)學(xué)習(xí)

新建檔案

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> 這個(gè)文本是加粗的 這個(gè)文本是加粗的 <big>這個(gè)文本字體放大</big> 這個(gè)文本是斜體的 這個(gè)文本是斜體的 這個(gè)文本是縮小的 這個(gè)文本包含 下標(biāo) 這個(gè)文本包含 上標(biāo) </body> </html>

提交重置程式碼

自動(dòng)運(yùn)行