Html 常用文本格式
HTML定義了一些文本格式的標(biāo)簽，比如利用這些標(biāo)簽，可以將字體變成粗體或者斜體。
下面是一些常用的文本格式標(biāo)簽
| ? ? ?標(biāo)簽 | ? ? ?描述 |
| ? ??<b> | ? ??定義粗體文本。 |
| ? ??<big> | ? ??定義大號字。 |
| ? ??<em> | ? ??定義著重文字。 |
| ? ??<i> | ? ??定義斜體字。 |
| ? ??<small> | ? ??定義小號字。 |
| ? ??<strong> | ? ??定義加重語氣。 |
| ? ??<sub> | ? ??定義下標(biāo)字。 |
| ? ??<sup> | ? ??定義上標(biāo)字。 |
| ? ??<ins> | ? ??定義插入字。 |
| ? ??<del> | 定義刪除字。 |
“計(jì)算機(jī)輸出”標(biāo)簽
| ? ? ?標(biāo)簽 | ? ? ?描述 |
| ? ? <code> | ? ?定義計(jì)算機(jī)代碼。 |
| ? ??<kbd> | ? ?定義鍵盤碼。 |
| ? ??<samp> | ? ?定義計(jì)算機(jī)代碼樣本。 |
| ? ??<tt> | ? ?定義打字機(jī)代碼。 |
| ? ??<var> | ? ?定義變量。 |
| ? ??<pre> | ? ?定義預(yù)格式文本。 |
在下面的章節(jié)會專門介紹計(jì)算機(jī)代碼元素
實(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>這個詞當(dāng)中劃線表示刪除。</p> <p><ins>想唱就唱</ins>這個詞下劃線插入。</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這個標(biāo)簽里的文本 保留 空格和 分行。 </pre> <code>call getOrders</code> <p>用code顯示計(jì)算機(jī)代碼，code里顯示的字符是等寬字符。</p> </body> </html>
代碼運(yùn)行結(jié)果：
引用、引用和術(shù)語定義
| ? ? ?標(biāo)簽 | ? ? ?描述 |
| ? ??<abbr> | ? ?定義縮寫。 |
| ? ??<acronym> | ? ?定義首字母縮寫。 |
| ? ??<address> | ? ?定義地址。 |
| ? ? <bdo> | ? ?定義文字方向。 |
| ? ? <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>瀏覽器通常會在 q 元素周圍包圍引號。</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>瀏覽器通常會對 blockquote 元素進(jìn)行縮進(jìn)處理。</p> <blockquote cite=" "> 五十年來，WWF 一直致力于保護(hù)自然界的未來。 WWF 工作于 100 個國家，并得到美國一百二十萬會員及全球近五百萬會員的支持。 </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)簽用法都一樣，感興趣的可以試下
如何看HTML的源代碼
在瀏覽器看到的HTML網(wǎng)頁，是瀏覽器解釋HTML源代碼后產(chǎn)生的結(jié)果。
要查看這個HTML的源代碼，有兩種方法。一是點(diǎn)擊鼠標(biāo)右鍵，點(diǎn)擊View Source(查看源文件)命令；二是選擇瀏覽器菜單View(查看)中的Source(源文件)命令。
利用View Source得到網(wǎng)頁的源代碼，你可以由此借鑒一下別人寫得好的地方。不過在你對HTML知識尚少的情況下，看別人復(fù)雜的HTML源代碼，只會讓你頭暈。建議你還是再等等，先掌握一些基礎(chǔ)再說。
