Html 常用文字格式
HTML定義了一些文字格式的標(biāo)籤，例如利用這些標(biāo)籤，可以將字體變成粗體或斜體。
以下是一些常用的文字格式標(biāo)籤
| #? ? ? | ? ? ?說明 |
| ? ??<b> | #? ??定義粗體文字。 |
| ? ??<big> | #? ??定義大字。 |
| ? ??<em> | #? ??定義重文字。 |
| ? ??<i> | #? ??定義斜體字。 |
| ? ??<small> | #? ??定義小號(hào)字。 |
| ? ??<strong> | #? ??定義加重語氣。 |
| ? ??<sub> | #? ??定義下標(biāo)字。 |
| ? ??<sup> | #? ??定義上標(biāo)。 |
| ? ??<ins> | #? ??定義插入字。 |
| ? ??<del> | 定義刪除字。 |
「電腦輸出」標(biāo)籤
| ? ? ?標(biāo)籤 | ? ? ?說明 |
| ? ? <code> | |
| ##? ? <code> | |
| ? ? <code> |
? ??<kbd>
| ? ??<samp> | #? ?訂電腦程式碼樣本。 |
| #? ??<tt> |
在下面的章節(jié)會(huì)特別介紹電腦程式碼元素
實(shí)例
下面的實(shí)例用了上面的一些標(biāo)籤，你可以比較一下HTML的顯示結(jié)果看一下。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <p><b>粗體用b表示。</b></p> <p><i>斜體用i表示。</i></p> <p><del>芙蓉姐姐</del>這個(gè)詞當(dāng)中劃線表示刪除。</p> <p><ins>想唱就唱</ins>這個(gè)詞下劃線插入。</p> <p>X<sub>2</sub>其中的2是下標(biāo)</p> <p>X<sup>2</sup>其中的2是上標(biāo)</p> <p><blockquote>好好學(xué)習(xí)，天天向上。這句話縮進(jìn)表示引用</blockquote></p> <pre> 這是 預(yù)設(shè)(preformatted)文本. 在pre這個(gè)標(biāo)簽里的文本 保留 空格和 分行。 </pre> <code>call getOrders</code> <p>用code顯示計(jì)算機(jī)代碼，code里顯示的字符是等寬字符。</p> </body> </html>
程式碼運(yùn)行結(jié)果：
| 引用、引用和術(shù)語定義 | ? ? ? |
| ? ? ? | |
| #? ??<abbr> | |
| ? ??<acronym> |
| ? ? <blockquote> | #? ?定義長的引用。 |
| ? ??<q> | #? ?定義短的引用語。 |
| ? ??<cite> | #? ?定義引用、引用。 |
| ? ??<dfn> | #? ?定義定義項(xiàng)目。 |
實(shí)例
HTML <q> 用於短的引用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <p>瀏覽器通常會(huì)在 q 元素周圍包圍引號(hào)。</p> <p>人類的目標(biāo)是 <q>構(gòu)建人與自然和諧相處的世界。</q></p> </body> </html>
程式運(yùn)行結(jié)果：
實(shí)例
用於長引用的HTML < blockquote>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <p>瀏覽器通常會(huì)對 blockquote 元素進(jìn)行縮進(jìn)處理。</p> <blockquote cite=" "> 五十年來，WWF 一直致力于保護(hù)自然界的未來。 WWF 工作于 100 個(gè)國家，并得到美國一百二十萬會(huì)員及全球近五百萬會(huì)員的支持。 </blockquote> </body> </html>
程式運(yùn)行結(jié)果：
實(shí)例
##HTML?<abbr>?元素定義縮寫或縮寫。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <p><abbr title="The People's Republic of China">PRC</abbr> 成立于 1949 年。</p> <p>對縮寫進(jìn)行標(biāo)記能夠?yàn)闉g覽器、翻譯系統(tǒng)以及搜索引擎提供有用的信息。</p> </body> </html>程式運(yùn)行結(jié)果：PRC成立於 1949 年。
對縮寫進(jìn)行標(biāo)記能夠?yàn)闉g覽器、翻譯系統(tǒng)以及搜尋引擎提供有用的資訊。
實(shí)例
#HTML?<bdo>?元素定義雙向重寫（bi-directional override） 。 如果您的瀏覽器支援bdo，則文字將從右向左進(jìn)行書寫(rtl)：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <p> 如果您的瀏覽器支持 bdo，則文本將從右向左進(jìn)行書寫 (rtl)： </p> <bdo dir="rtl"> This line will be written from right to left </bdo> </body> </html>
程式運(yùn)行結(jié)果：
這些標(biāo)籤用法都一樣，感興趣的可以試試
