（初學者，如有錯誤還望各位大神多多指教，多多包含）

1.文字格式化
演示如何在一個HTML檔案中對文字進行格式化

<h4>文字格式化</h4>
<b>黑體</b>
<br/>
<strong>斜體</strong>
<br/>
<big>大</big>
<br/>
<em>強斜</em>
<br/>
<i>斜體</i>
<br/>
<small>小</small>
<br/>
我是一個含有下標的文字
<sub
 
>subscript</sub>
<br/>
我是一個含有上標的文字
<sup>superscript</sup>

效果如下：

2.預格式文字
演示如何使用pre標籤對空行和空格進行控制

<br/>
<h4>預格式文字</h4>
<pre>
    我是一個預格式文字。我保留了   空格
    和換行。
</pre>

<p>pre 標籤適合顯示程式碼(如下)</p>
<pre>
    for (int i=0;i<10;i++)
    {
    NSLog
 
(@"%d",i);
    }
</pre>

效果如下：

3.計算機輸出標籤
演示不同的“計算機輸出標籤的顯示效果”

<br/>
<h4>"計算機輸出標籤"</h4>
<code>Computer code</code>
<br/>
<kbd>Keyboard input</kbd>
<br/>
<samp>Sample text</samp>
<br/>
<var>Computer variable</var>
<br
 
/>
<p>
    <b>註釋：</b>這些標籤常用語顯示計算機、程式設計程式碼。
</p>

效果如下：

4.縮寫和首字母縮寫
演示如何實現縮寫或首字母縮寫

<h4>縮寫和首字母縮寫</h4>
<abbr title="etcetera">etc.</abbr>
<br/>
<acronym title="Everymoment Of Mylife">EOM</acronym>
<p>
    在瀏覽器中，把滑鼠移至縮略詞語上時，title可用於展示表達的完整版本。<br/>
    僅對於IE 5中的 acronym 元素有效。<br/>
    對於Netscape 6.2中的 abbr 和 acronym 元素都有效。
</p>

效果如下：

5.文字方向
演示如何改變文字的方向

<h4>文字方向</h4>
<p>如果您的瀏覽器支援bi-directional override(bdo),下一行會從右像左輸出（rtl）；</p>

<bdo dir="rtl">This is my test</bdo>

<br/>

效果如下：

6.塊引用（實現長短不一的引用語句）
演示如何實現長短不一的引用語

<h4>塊引用</h4>
我是長的引用：
<blockquote>
  我是一個長的引用用用用用用用用用用用用用用用用用用用用用用用用用用用用用用用用用用用用用用用用用用用用用用
</blockquote>

我是短的引用：
<q>
    我是短的引用。
</q>

<p>
    使用 blockquote 元素的話，瀏覽器會插入換行和外邊距，而 q 元素不會有任何特殊的呈現。
</p>

效果如下：

7.刪除字效果和插入字效果
演示如何標記刪除文字和插入文字

<h4>刪除字效果和插入字效果（標記刪除文字和插入文字）</h4>
<p>聽說北方人都很<del>好</del><ins>豪</ins>爽</p>
<p>大多數瀏覽器會改寫為刪除文字和下劃線文字。</p>

效果如下：