我們下面通過一張圖來說明HTML的基本結構：
一個HTML文檔由4個基本部分組成：
大家都看到了吧，所謂的HTML就是一對對的標簽（也有例外）。我們簡單說一下這幾個基本標簽的作用：
<!DOCTYPE HTML>聲明這是一個HTML文檔。
<html>標簽的作用相當於設計者在告訴浏覽器，整個網頁是從<html>這裡開始的，然後到</html>結束。
對於<html>這個標簽，我們經常看到這樣一句代碼：
<html xmlns="http://www.w3.org/1999/xhtml">
其實上面這句代碼聲明了該網頁使用的是W3C組織的XHTML標准。
head標簽是頁面的“頭部”，只能定義一些特殊的內容。
body標簽是頁面的“身體”，一般網頁絕大多數的標簽代碼都是在這裡編寫。
在此說明一下：
第一步：新建“記事本”，把下面這段代碼復制到記事本中去，然後保存，將記事本名字改為“我的第一個網頁”。
<!DOCTYPE HTML>
<html>
<head>
<title>這是網頁的標題</title>
</head>
<body>
<p>這是網頁的內容</p>
</body>
</html>
第二步：將記事本後綴名“.txt”改為“.html”：
第三步：點擊“我的第一個網頁.html”這個HTML文件，就可以在浏覽器打開了。
在這裡說明一下：
<title>標簽是<head>標簽的內部標簽，這裡定義的是網頁的標題內容，這個標題不是文章的標題，而是在浏覽器顯示的那個標題；
<p>標簽是段落標簽，可以定義一段文字內容，我們在後面會講到這些標簽的具體用法，在這裡只需要讀者了解一下即可。
前面我們已經講解了怎麼在Visual Studio 2010建立一個網頁，現在我們新建一個“HTML頁”，打開如下：
那接下來，我們就用Visual Studio2010編寫跟用記事本編寫的一樣的網頁。完整的代碼如下：
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>這是網頁的標題</title> <!--這裡添加網頁標題-->
</head>
<body>
<p>這是網頁的內容</p> <!--這裡添加網頁內容-->
</body>
</html>
點擊“浏覽器查看”，效果如下：
雖然用記事本也可以寫網頁代碼，但是這是一個很原始的做法，建議以後都用Visual Studio或者Dreamweaver寫。
當然，在這套HTML入門教程中，我們還是使用 學習網的在線代碼測試工具來得方便。
總結1、HTML基本結構：
2、要熟悉在Visual Studio中編寫網頁代碼.