HTML不是編程語言，是用來描述網頁文檔（頁面結構）的一種標記語言；
HTML指超文本標記語言（Hyper Text Markup Language），之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。；
HTML規定了自己的語法規則，用來表示比“文本”更豐富的意義，比如圖片，表格，鏈接等。瀏覽器 （IE,FireFox等）軟件知道HTML語言的語法，可以用來查看HTML文檔。目前互聯網上的絕大部分網頁都是使用HTML編寫的。
二、HTML是什么樣的？
簡單地來說，HTML的語法就是給文本加上表明文本含義的標簽(Tag)，讓用戶（人或程序）能對文本得到更好的理解。
下面是一個最簡單的HTML文檔：
<html>
<head>
<title>第一個Html文檔</title>
</head>
<body>
歡迎訪問<a href="http://hanzhaoxin.cnblogs.com/">我的博客</a>!
</body>
</html>
所有的HTML文檔都應該有一個<html>元素，<html>元素可以包含兩個部分:<head>和<body>。
<head>元素用於包含整個文檔的一般信息，比如文檔的標題（<title>元素用於包含標題），對整個文檔的描述，文檔的關鍵字等等。
文檔的具體內容就要放在<body>元素里。<a>元素用於表示鏈接，在瀏覽器（如IE,Firefox等）中查看HTML文檔時，點擊<a>標簽括起來的內容時， 通常會跳轉到另一個頁面。這個要跳轉到的頁面的地址由<a>元素的href屬性指定。上面的<a href=http://hanzhaoxin.cnblogs.com/>中，href屬性的值就是http://hanzhaoxin.cnblogs.com/。
三、HTML文檔可以包含哪些內容 ？
通過不同的標簽，HTML文檔可以包含不同的內容，比如文本，鏈接，圖片，列表，表格，表單，框架等。
- 文本 ：HTML對文本的支持是最豐富的，你可以設置不同級別的標題，分段和換行，可以指定文本的語義和外觀，可以說明文本是引用自其它的地方，等等等等。
- 鏈接 ：鏈接用來指出內容與另一個頁面或當前頁面某個地方有關。
-
圖片 ：圖片用於使頁面更加美觀，或提供更多的信息。
-
列表 ：列表用於說明一系列條目是彼此相關的。
-
表格 ：表格是按行與列將數據組織在一起的形式。也有不少人使用表格進行頁面布局。
-
表單 ：表單通常由文本輸入框，按鈕，多選框，單選框，下拉列表等組成，使HTML頁面更有交互性。
-
框架 ：框架使頁面里能包含其它的頁面。
四、對於HTML我會說哪些概念？
文檔：HTML文檔俗稱網頁。
標簽：用尖括號包圍的關鍵詞我們成為標簽。通常HTML標簽成對出現，如：<a>、</a>。
- 開始標簽：標簽對中的第一個標簽是開始標簽，也成為開放標簽。如<a>。
- 結束標簽：標簽對中的第二個標簽是結束標簽，也成為閉合標簽。如</a>。
元素：我們把匹配的標簽對以及它們包圍的內容稱為元素。即（元素 = 開始標簽 + 內容 + 結束標簽）。如：<a href="http://hanzhaoxin.cnblogs.com/">我的博客</a>。
- 塊級元素：在瀏覽器默認顯示時以新行來開始（和結束）的元素。
- 內聯元素：又稱行內元素，在瀏覽器默認顯示時在同一行按從左至右順序顯示，不單獨占一行的元素。
屬性：開始標簽中那些以名稱/值對的形式出現的內容，我們稱之為屬性。如上例中：href="http://hanzhaoxin.cnblogs.com/"。（href是屬性名稱，"http://hanzhaoxin.cnblogs.com/"是屬性值）。
談前端（HTML篇）第二課：常見元素
一、根元素
| <doctype> | 定義文檔類型。 |
| <html> | 定義 HTML 文檔。 |
二、元數據元素
| <head> | 定義關於文檔的信息。 |
| <meta> | 定義關於 HTML 文檔的元數據。 |
| <link> | 定義文檔與外部資源之間的關系，一般用於引入樣式表。 |
| <base> | 定義頁面上所有鏈接的默認地址或默認目標。 |
| <title> | 定義文檔標題。 |
| <style> | 定義文檔的樣式信息。 |
三、腳本元素
| <script> | 定義客戶端腳本。 |
| <noscript> | 定義當瀏覽器不支持腳本的時候所顯示的內容 |
四、塊元素
| <body> | 定義文檔的主體。 |
| <h1>、<h2>...<h6> | 定義文檔標題。 |
| <p> | 定義文檔段落。 |
| <blockquote> | 定義塊引用。 |
| <ul>、<ul>、<dl> | 定義列表。 |
| <table> | 定義表格。 |
1、列表元素
- 無序列表
<ul> 定義無序的列表。 <li> 定義列表項。 - 有序列表
<ol> 定義有序的列表。 <li> 定義列表項。 - 定義列表
<dl> 定義定義列表。 <dt> 定義定義術語。 <dd> 定義定義描述。
2、表格元素
| <table> | 定義表格。 |
| <thead> | 定義表格的頁眉。 |
| <tbody> | 定義表格的主體。 |
| <tfoot> | 定義表格的頁腳。 |
| <th> | 定義表格的表頭行。 |
| <tr> | 定義表格的行。 |
| <td> | 定義表格單元。 |
五、表單元素
| <form> | 定義供用戶輸入的表單。 |
| <input> | 定義輸入域。 |
| <textarea> | 定義文本域 (一個多行的輸入控件)。 |
| <lable> | 定義一個控制的標簽。 |
| <select> | 定義一個選擇列表。 |
| <option> | 定義下拉列表中的選項。 |
| <optgroup> | 定義選項組。 |
| <button> | 定義一個按鈕。 |
| <fieldset> | 定義域。 |
| <legend> | 定義域的標題。 |
六、文本元素
1、文本格式化元素
| <em> | 定義着重文字。 |
| <strong> | 定義加重語氣。 |
| <sup> | 定義上標字。 |
| <sub> | 定義下標字。 |
| <ins> | 定義插入字。 |
| <del> | 定義刪除字。 |
| <b> | 定義粗體文本。 |
| <i> | 定義斜體文本。 |
| <big> | 定義大號字。 |
| <small> | 定義小號字。 |
2、“計算機輸出”標簽
| <code> | 定義計算機代碼。 |
| <kbd> | 定義鍵盤碼。 |
| <pre> | 定義預格式文本。 |
3、引用、引用和術語定義
| <q> | 定義簡短引用。 |
| <blockquote> | 定義長引用。 |
| <address> | 定義地址。 |
七、鏈接與圖像
| <a> | 定義超鏈接 |
| <img> | 定義圖像。 |
| <map> | 定義圖像地圖。 |
| <area> | 定義圖像地圖中的可點擊區域。 |
---------------------------------------
八、<div> 和 <span>
| <div> | 定義文檔中的分區或節（division/section）。 |
| <span> | 定義 span，用來組合文檔中的行內元素。 |
九、框架
| <frameset> | 定義如何將窗口分割為框架。（注：<frameset>元素只能嵌套在<html> 元素或<frameset>元素自身中！） |
| <frame> | 定義放置在每個框架中的 HTML 文檔。 |
十、內聯框架
| <iframe> | 定義內聯的子窗口（框架）。 |
1、核心屬性
| 屬性 | 描述 |
| id | 設置元素的唯一 id。 |
| class | 設置元素的一個或多個類名（引用樣式表中的類）。 |
| style | 設置元素的行內樣式（CSS內聯樣式）。 |
| title | 設置有關元素的額外信息（可在工具提示中顯示）。 |
2、語言屬性
| 屬性 | 描述 |
| lang | 設置元素內容的語言代碼。 |
3、鍵盤屬性
| 屬性 | 描述 |
| accesskey | 設置訪問元素的鍵盤快捷鍵。 |
| tabindex | 設置元素的 tab 鍵次序。 |
二、常見元素屬性：
1、<a>元素的屬性：
| 屬性 | 描述 |
| href | 指定鏈接到互聯網或你的計算機上的一個資源的別稱。 |
| target | 指定打開鏈接的目標窗口。 |
| title | 指定所要鏈接到頁面的文本描述。 |
2、<img>元素的屬性：
| 屬性 | 描述 |
| src | 指定向服務器請求的資源。 |
| alt | 指定圖像無法顯示時的替代文本。 |
空元素或者void元素：<br>,<img>
字符實體：<: < ,>:> ,&:&,版權符號：©right
比如：the <html> element rocks 代碼：the < html > element rocks
<a>屬性：可以通過相對路徑來鏈接同一網站的頁面，也可以通過url絕對路徑來鏈接其他網站的頁面。
可以通過id屬性連接到頁面的特定位置 比如：1.id=“chai”2. <a href="index.html#chai">.....</a>
也比如：<a href="#top">back to top</a>同頁面的目標鏈接。
<a href="....",title="...對鏈接的內容進行描述">........</a>
<a target="_blank" href="...">...</a>:在新窗口打開一個頁面
<img>屬性：<img src="...." alt="圖片不顯示時對圖片信息的描述">。alt屬性不可不寫。
編寫html頁面的原則：
1.一定要以<doctype>開頭 <!doctype html>
2.在<head>中指出正確的字符編碼。 用<meta charset="utf-8">來標記
3.在<head>中一定包含一個<title>元素
編寫好html以后，ctrl+s保存，然后打開瀏覽器訪問即可。