1、網頁的構造
Html文檔可以分爲三部分：
第1部分爲純文本，即網頁中顯示的文本內容。
第2部分內容爲對其他文件的引用，包括圖片、視頻、音頻、腳本文件、樣式表，其他Html文檔。
第3部分爲標記：類似於<h1></h1>的特殊文本，標記不會顯示給用戶，只是從語義的角度向瀏覽器說明被標記包含的內容是什麼。
<!DOCTYPE html>
<html>
<head><meta charset="utf-8" />
<body>
<h1>這裏是標記<pre>h1</pre>的內容</h1>
</body>
</html>效果如下：
特別注意：<h1>標記只是告知瀏覽器這裏是一個段落，而顯示出來的效果是由樣式控制的，每個瀏覽器都有自己默認的樣式。樣式不屬於標記的內容
2、Html思想
Html本質上只是一種數據交換格式，標記是從語義上說明Html文檔攜帶的內容是什麼。如果從MVC模型的角度來說，Html文檔是Model，瀏覽器扮演Controler和View的角色。
3、Html元素
個人覺得從數據結構的角度來理解Html文檔比較簡單，Html文檔是一系統Html元素的集合，這些元素以樹的形式組織在一起，html元素從有無標籤體分爲兩類。
<h1>這是帶標籤體的</h1>
<br/>這是不帶標籤體的關於Html元素的屬性，本人還沒真正理解，希望大神指導，目前個人理解如下：
元素可以帶屬性也可以不帶屬性，如<h1 style="color:red;">Hello World</h1>,不帶屬性的如換行符<hr/>
4、URL
Url爲統一資源定位符，全寫爲Uniform resource locator 。其格式包含兩部分
如http://www.baidu.com，http表示使用的通信協議，:爲固定，後面的字符串表示資源地址。
目前我已知的協議
| http://www.baidu.com | http協議 |
| ftp://hostname/filename | 文件傳輸協議 |
| mailto:someone@email | 郵件協議 |
文件系統爲樹形結構，Url也是如此。其中../表示一級目錄。
相對定位：指相對於當前頁面所在的目錄。
絕對定位：需要使用完整的資源定位；絕對定位可以鏈接到外部資源。
如：當點擊“百度”的時候，瀏覽器將在當前頁面打開百度首頁
<!DOCTYPE html>
<html>
<head><meta charset="utf-8" />
<body>
<a href="http://www.baidu.com" >百度</a>
</body>
</html>根相對定位：使用/表示根目錄。
最後還是要有點良心：
參考文檔：《HTML5與CSS3基礎教程 第8版》