注意：对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。

一、HTML 页面框架

<!DOCTYPE html>　　<!-- 声明为 HTML5 文档（不区分大小写） -->
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>

    </body>
</html>

二、HTML 概念

　　　　"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.

　　　　但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签及元素内容。

三、HTML 基础 —— 四个实例

　　　　HTML 标题 —— HTML标题是通过<h1> - <h6> 标签来定义的。

　　　　HTML 段落 —— HTML段落是通过标签 <p> 来定义的。

　　　　HTML 链接 —— HTML链接是通过标签 <a> 来定义的。

　　　　HTML 图像 —— HTML图像是通过标签 <img> 来定义的。

四、HTML 链接

　　　　使用 target 属性，你可以定义被链接的文档在何处显示 —— 下面的这行会在新窗口打开文档：

　　　　　　<a href="http://www.runoob.com/" target="_blank">访问菜鸟教程!</a>

　　　　id属性可用于创建在一个HTML文档书签标记：

　　　　　　<a id="tips">有用的提示部分</a>

　　　　在HTML文档中创建一个链接到"有用的提示部分(id="tips"）：

　　　　　　<a href="#tips">访问有用的提示部分</a>

　　　　或者，从另一个页面创建一个链接到"有用的提示部分(id="tips"）：

　　　　　　<a href="http://www.runoob.com/html/html-links.html#tips">访问有用的提示部分</a>