一、HTML基本概念
什麼是HTML文件？HTML的英文全稱是Hypertext Marked Language，中文叫做「超文本標記語言」。
和一般文本的不同的是，一個HTML文件不僅包含文本內容，還包含一些Tag，中文稱「標記」。
一個HTML文件的後綴名是.htm或者是.html。
用文本編輯器就可以編寫HTML文件。
這就試寫一個HTML文件吧！打開你的Notepad，新建一個文件，然後拷貝以下代碼到這個新文件，然後將這個文件存成first.html。
要瀏覽這個first.html文件，雙擊它。或者打開瀏覽器，在File菜單選擇Open，然後選擇這個文件就行了。
示例解釋
這個文件的第一個Tag是<html>，這個Tag告訴你的瀏覽器這是HTML文件的頭。文件的最後一個Tag是</html>，表示HTML文件到此結束。
在<head>和</head>之間的內容，是Head信息。Head信息是不顯示出來的，你在瀏覽器裡看不到。但是這並不表示這些信息沒有用處。比如你可以在Head信息裡加上一些關鍵詞，有助於搜尋引擎能夠搜索到你的網頁。
在<title>和</title>之間的內容，是這個文件的標題。你可以在瀏覽器最頂端的標題欄看到這個標題。
在<body>和</body>之間的信息，是正文。
在<b>和</b>之間的文字，用粗體表示。<b>顧名思義，就是bold的意思。
HTML文件看上去和一般文本類似，但是它比一般文本多了Tag，比如<html>，<b>等，通過這些Tag，可以告訴瀏覽器如何顯示這個文件。
HTML元素(HTML Elements) HTML元素(HTML Element)用來標記文本，表示文本的內容。比如body, p, title就是HTML元素。
HTML元素用Tag表示，Tag以<開始，以>結束。
Tag通常是成對出現的，比如<body></body>。起始的叫做Opening Tag，結尾的就叫做Closing Tag。
目前HTML的Tag不區分大小寫的。比如，<HTML>和<html>其實是相同的。
HTML元素(HTML Elements)的屬性 HTML元素可以擁有屬性。屬性可以擴展HTML元素的能力。
比如你可以使用一個bgcolor屬性，使得頁面的背景色成為紅色，就像這樣：
<body bgcolor="red">
再比如，你可以使用border這個屬性，將一個表格設成一個無邊框的表格。如下：
<table border="0">
屬性通常由屬性名和值成對出現，就像這樣：name=」value」。上面例子中的bgcolor, border就是name，red和0就是value。屬性值一般用雙引號標記起來。
屬性通常是附加給HTML的Opening Tag，而不是Closing Tag。
二、基礎HTML Tag
HTML裡，比較基礎的Tag主要用於標題，段落和分行。
學習HTML最好的方法，就是跟著示例學。
正文標題 這個示例告訴你如何在HTML文件裡定義正文標題。
HTML用<h1>到<h6>這幾個Tag來定義正文標題，從大到小。每個正文標題自成一段。
段落劃分在HTML裡用<p>和</p>劃分段落。
換行
通過使用這個Tag，可以在不新建段落的情況下換行。<br>沒有Closing Tag。
用<p>換行是個壞習慣，正確的是使用<br>。
HTML注釋在HTML文件裡，你可以寫代碼注釋，解釋說明你的代碼，這樣有助於你和他人日後能夠更好地理解你的代碼。
注釋可以寫在<!--和-->之間。瀏覽器是忽略注釋的，你不會在HTML正文中看到你的注釋。
一些小建議
HTML文件會自動截去多餘的空格。不管你加多少空格，都被看做一個空格。 一個空行也被看做一個空格。
有些Tag能夠將文本自成一段，而不需要使用<p></p>來分段。比如<h1></h1>之類的標題Tag。
更多示例 這個示例顯示了段落的特性。
換行 這個示例告訴你如何在HTML文件裡換行。
正文標題 這個示例教會你如何在HTML文件裡顯示正文標題。
居中的正文標題 這個實例告訴你如何將正文標題居中顯示
加條橫線 這個示例演示了如何在HTML文中加條橫線。
代碼注釋 這個示例演示如何在HTML代碼中加上代碼注釋，這些注釋只顯示在HTML原始碼中，而原始碼最終形成的網頁裡是看不到這些注釋的。
背景顏色
這個示例演示如何改變HTML文件的背景色。
三、Html常用格式
HTML定義了一些文本格式的Tag，比如利用Tag，可以將字體變成粗體或者斜體。從下面的示例，你可以了解各種文本格式Tag如何改變HTML文本的顯示。
常用文本格式Tag
示例 HTML常用的格式Tag
這個示例用了上述Tag，你可以對比一下HTML的顯示結果。
如何看HTML的原始碼 在瀏覽器看到的HTML網頁，是瀏覽器解釋HTML原始碼後產生的結果。要查看這個HTML的原始碼，有兩種方法。
一是點擊滑鼠右鍵，點擊View Source(查看源文件)命令；
二是選擇瀏覽器菜單View(查看)中的Source(源文件)命令。利用View Source得到網頁的原始碼。
你可以由此借鑑一下別人寫得好的地方。不過在你對HTML知識尚少的情況下，看別人複雜的HTML原始碼，只會讓你頭暈。建議你還是再等等，先掌握一些基礎再說。
四、Html特殊字符顯示
HTML字符實體(Character Entities) 有些字符在HTML裡有特別的含義，比如小於號<就表示HTML Tag的開始，這個小於號是不顯示在我們最終看到的網頁裡的。那如果我們希望在網頁中顯示一個小於號，該怎麼辦呢？
這就要說到HTML字符實體(HTML Character Entities)了。
一個字符實體(Character Entity)分成三部分：
第一部分是一個&符號，英文叫ampersand；
第二部分是實體(Entity)名字或者是#加上實體(Entity)編號；
第三部分是一個分號。
比如，要顯示小於號，就可以寫<或者<。
用實體(Entity)名字的好處是比較好理解，一看lt，大概就猜出是less than的意思，但是其劣勢在於並不是所有的瀏覽器都支持最新的Entity名字。而實體(Entity)編號，各種瀏覽器都能處理。
注意：Entity是區分大小寫的。
如何顯示空格 通常情況下，HTML會自動截去多餘的空格。不管你加多少空格，都被看做一個空格。比如你在兩個字之間加了10個空格，HTML會截去9個空格，只保留一個。為了在網頁中增加空格，你可以使用 表示空格。
最常用的字符實體(Character Entities)
其他常用的字符實體(Character Entities)