首先是一個標準常規的HTML代碼塊。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>這是網頁的標題</title>
</head>
<body>
<h1>這是一級標題</h1>
<p>這是一個段落</p>
</body>
</html>
記錄下一些標籤及其效果
<!-- 首字母縮寫 當鼠標移到WWW上會顯示title中所描述的內容 -->
<acronym title="World Wide Web">WWW</acronym>
<!-- 縮寫 當鼠標移到etc.上會顯示title中所描述的內容 -->
<abbr title="etcetera">etc.</abbr>
<!-- 文本格式化 -->
<b>這個文本是加粗的</b>
<strong>這個文本是加粗的</strong>
<big>這個文本字體放大</big>
<em>這個文本是斜體的</em>
<i>這個文本是斜體的</i>
<small>這個文本是縮小的</small>
<sub>下標</sub>
<sup>上標</sup>
<!-- 預格式文本 -->
<pre>
此例演示如何使用 pre 標籤
對空行和 空格
進行控制
</pre>
<!-- 文字方向 默認是從左到右 -->
<p>該段落文字從左到右顯示。</p>
<p><bdo dir="rtl">該段落文字從右到左顯示。</bdo></p>
<!-- 塊引用 -->
<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
<!-- 運行結果：WWF's goal is to: "Build a future where people live in harmony with nature." We hope they succeed. -->
<!-- 刪除字效果和插入字效果 -->
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
<!-- 運行結果：My favorite color is blue red! -->
<!-- 效果見下圖 -->
