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ī)輸出”標(biāo)簽
| 標(biāo)簽 | 描述 |
| <code> | 定義計算機(jī)代碼。 |
| <kbd> | 定義鍵盤碼。 |
| <samp> | 定義計算機(jī)代碼樣本。 |
| <tt> | 定義打字機(jī)代碼。 |
| <var> | 定義變量。 |
| <pre> | 定義預(yù)格式文本。 |
在下面的章節(jié)會專門介紹計算機(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ī)代碼，code里顯示的字符是等寬字符。</p> </body> </html>
代碼運(yùn)行結(jié)果：
引用、引用和術(shù)語定義
| 標(biāo)簽 | 描述 |
| <abbr> | 定義縮寫。 |
| <acronym> | 定義首字母縮寫。 |
| <address> | 定義地址。 |
| <bdo> | 定義文字方向。 |
| <blockquote> | 定義長的引用。 |
| <q> | 定義短的引用語。 |
| <cite> | 定義引用、引證。 |
| <dfn> | 定義一個定義項目。 |
實(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ǔ)再說。
