HTML 基礎(chǔ)教程

HTML 媒體

HTML 參考手冊(cè)

HTML5 基礎(chǔ)教程

HTML5 API

HTML5 媒體

HTML 鏈接 HTML 段落

HTML 文本格式化

本章我們來學(xué)習(xí)HTML的文本格式化，也就是給普通文字加格式

HTML 文本格式化

示例

<strong>文字加粗(cainiaoplus.com)</strong>
<br/><i>斜體文字,nhooo基礎(chǔ)教程</i>
<br/><code>Code自動(dòng)輸出</code>
<br/>這是元素X<sub>下標(biāo)</sub>和X<sup>上標(biāo)</sup>
<br/>化學(xué)分子式：<b>C<sub>7</sub>H<sub>7</sub>F<sub>2</sub>N</b>

測(cè)試看看 ?/?

HTML 文本格式化

HTML 格式化標(biāo)簽

HTML 使用標(biāo)簽 <b>(Bold) 與 <i>(Italic) 對(duì)輸出的文本進(jìn)行格式, 如：粗體 or 斜體

這些HTML標(biāo)簽被稱為格式化標(biāo)簽（請(qǐng)查看底部完整標(biāo)簽參考手冊(cè)）。

通常標(biāo)簽 <strong> 替換加粗標(biāo)簽 <b> 來使用,所以建議大家盡量使用 <strong> , <em> 替換 <i>標(biāo)簽使用。然而，這些標(biāo)簽的含義是不同的： <b> 與<i> 定義粗體或斜體文本。 B標(biāo)簽和strong標(biāo)簽是兩種不同的標(biāo)簽，B標(biāo)簽表示粗體，它由字母B表示，B標(biāo)簽可以強(qiáng)調(diào)的是字體外觀的加粗效果。例如：<b>I am bold</b> 但是，<strong>標(biāo)簽是我們要強(qiáng)調(diào)的地方，這兩個(gè)標(biāo)簽具有不同的含義。如：<strong>強(qiáng)調(diào)字體</strong>。 <strong> 或者 <em>意味著你要呈現(xiàn)的文本是重要的，所以要突出顯示。現(xiàn)今所有主要瀏覽器都能渲染各種效果的字體。不過，未來瀏覽器可能會(huì)支持更好的渲染效果。

在線示例

普通文本格式化
此例向您演示在 HTML 文件中對(duì)普通文本進(jìn)行格式化

預(yù)格式文本
此示例演示如何使用 pre 標(biāo)簽對(duì)空行和空格進(jìn)行控制。

"計(jì)算機(jī)輸出"標(biāo)簽
此例演示不同的"計(jì)算機(jī)輸出"標(biāo)簽的顯示效果。

地址
此示例演示如何在 HTML 文件中寫地址。

縮寫和首字母縮寫
此示例演示HTML如何實(shí)現(xiàn)縮寫或首字母縮寫。

文字方向
此示例演示HTML如何改變文字的方向。

塊引用
此示例演示HTML如何實(shí)現(xiàn)長(zhǎng)短不一的引用語(yǔ)。

刪除字效果和插入字效果
此示例演示HTML如何標(biāo)記刪除文本和插入文本。

HTML 文本格式化標(biāo)簽

標(biāo)簽	描述
<b>	定義粗體文本
<em>	定義著重文字
<i>	定義斜體字
<small>	定義小號(hào)字
<strong>	定義加重語(yǔ)氣
<sub>	定義下標(biāo)字
<sup>	定義上標(biāo)字
<ins>	定義插入字
<del>	定義刪除字

HTML "計(jì)算機(jī)輸出" 標(biāo)簽

標(biāo)簽	描述
<code>	定義計(jì)算機(jī)代碼
<kbd>	定義鍵盤碼
<samp>	定義計(jì)算機(jī)代碼樣本
<var>	定義變量
<pre>	定義預(yù)格式文本

HTML 引文, 引用, 及標(biāo)簽定義

標(biāo)簽	描述
<abbr>	定義縮寫
<address>	定義地址
<bdo>	定義文字方向
<blockquote>	定義長(zhǎng)的引用
<q>	定義短的引用語(yǔ)
<cite>	定義引用、引證
<dfn>	定義一個(gè)定義項(xiàng)目。

HTML 鏈接 HTML 段落