HTML是一種描述網頁的語言，指的是超文本標記語言；HTML並不是編程語言，而是一種標記語言！
HTML標簽：由尖括號包含的關鍵詞，如<html></html>；一般都是成對出現的，如<title></title>；標簽對中第一個叫開始標簽，第二個加了/的叫結束標簽。
HTML元素：開始標簽+內容+結束標簽，如:
<p>內容</p>
有些標簽沒有結束標簽，如<br /> ， <hr />，在開始標簽中閉合的叫空元素。
HTML屬性：大部分元素都可以添加html元素屬性，屬性一般放在開始標簽中，以名稱=值的形式存在，屬性值一般用雙引號包裹起來，如下中<a>標簽的href屬性，值為”http:http://www.cnblogs.com/yunmengshu“。
<a href="http:http://www.cnblogs.com/yunmengshu">超鏈接</a>
HTML格式如下：
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
</head>
<body>
</body>
</html>
<!DOCTYPE> 是文檔聲明，有助於瀏覽器中正確顯示網頁。其實就是聲明了HTML的版本。目前通用的html5文檔聲明為 <!DOCTYPE html> 。
<html>元素說明文檔為html文檔，也是根元素；
<head>元素包含了所有的頭部信息。
<title></title> 定義標題，就是顯示在瀏覽器工具欄中的標題名稱；
<meta> 描述了基本的元數據，如下，（當然還有其他的，需要以后慢慢摸索啦...）
<head> <meta charset="utf-8"> // 定義字符編碼，通常用utf-8 <meta name="description" content="描述頁面信息"> <meta name="keywords" content="頁面中的關鍵詞"> <meta name="author" content="作者信息"> <meta http-equiv="refresh" content="5"> // 每5秒刷新頁面，可以在5后面加URL <link rel="stylesheet" type="text/css" href="外部鏈接路徑"> <style type="text/css">這里寫css樣式</style> <script type="text/javascript" src="外部腳本路徑">這里不允許寫js</script> <script type="text/javascript">這里寫js</script> // 不僅僅可以放在head元素中，還可以放在當前文檔的<body>元素中 </head>
<body>元素中放的就是顯示在頁面中的內容啦！包含很多的標簽元素和文本、圖像、聲音、視頻等等內容！
標題：<h1>,<h2>,<h3>,<h4>,<h5>,<h6> 顯示在頁面上字體按順序由大到小
段落：<p></p>
換行：<br />
分割線：<hr />
引用短的句子：<q></q> 顯示在頁面中就是將句子加了一個“雙引號”，但是不要只為了需要雙引號而是用<q>
引用大塊的句子或段落：<blockquote cite=""></blockquote> 顯示在頁面是整體縮進,但是不要只為了需要縮進而使用<blockquote>,cite屬性值是引用的出處
定義作品標題：<cite></cite>
粗體：<b></b>
斜體：<i></i>
強調：<em></em> 顯示為斜體，不要為了使用斜體而是用em
強調：<strong></strong> 比em更強烈的強調，顯示為粗體,不要為了使用粗體而是用strong
計算機代碼：<code></code>
保留：<pre></pre> 可以保留文檔中的空格、換行和TAB
上標：<sup></sup>
下標：<sub></sub>
無意義標簽：<div></div>,可作為容器，用來布局；<span></span>,可以用來和css配合改變文字的樣式
全局屬性：id 必須以字母開頭（大小寫都可），后面跟字母(大小寫都可)、數字(0-9)、連字符("-")、下划線("_")、冒號(":") 以及點號(".")；文檔中不能有相同的ID名稱；
class 必須以字母開頭（大小寫都可），后面跟字母(大小寫都可)、數字(0-9)、連字符("-")、下划線("_")；文檔中可以有相同的class名稱；
style 行內樣式
title 顯示額外信息
注釋：<!-- 注釋內容 -->
實體字符：
< <
> >
& &
空格
© ©
更多實體字符 http://www.w3cschool.cn/htmltags/ref-entities.html
圖像：<img src="圖像所在路徑" alt="" />, alt中的文本描述圖片基本信息，當頁面加載不出來圖片的時候就會顯示alt中的文本；<img>可以和<map>合作將圖像定義客戶器端圖像映射，如下
<!-- shape定義區域的形狀，coords定義區域的坐標，href定義URL。 <img>的usemap屬性值只是在<map>中name的屬性值加#，這個很重要 --> <img src="#" width="" height="" usemap="#map" /> <map name="map"> <area shape="rect" coords="0,0,50,60" href="#"></area> <area shape="circle" coords="0,0,50" href="#"></area> </map>
超鏈接：<a> 有以下幾種使用情況，
1.文本超鏈接 <a href="http://www.cnblogs.com/yunmengshu/" target="_blank" title="超鏈接到我的博客">超鏈接</a> target屬性有 _self (默認，在當前頁面打開鏈接頁面)，_blank (在新的窗口打開連接頁面)，_top (在整個窗口中打開被鏈接文檔)，和<iframe>中name屬性配合顯示在iframe中的頁面。 title中的內容在鼠標放在鏈接文本上的時候會顯示出來
2.圖像超鏈接 <a href="http://www.cnblogs.com/yunmengshu/" target="_blank"><img src="圖像所在路徑" alt="" /></a>
3.定義錨點
<body> <a id="tips">錨點</a> // id 或者 name 都可以 <a href="#tips">回到錨點</a> </body>
4.顯示在iframe中
<body> <a href="http://www.cnblogs.com/yunmengshu/" target="a">顯示在iframe中,咻</a> <iframe name="a"></iframe> <!-- iframe 使用方法如下，會直接在iframe上顯示對應的頁面 <iframe src="URL" width="" height=""></iframe> --> </body>
5.鏈接到郵箱或者手機
<body> <a href="mailto:yinyupiaoxue@126.com" target="_blank"">聯系郵箱</a> <a href="tel:###########">聯系手機</a> <-- mailto后可跟多個郵箱，最后一個郵箱用?結束，后面是”cc=郵箱”（抄送），也可多個郵箱，用&結束，后面可跟“subject=主題”，以&結束，還可加“body=內容”，如下 <a href="mailto:yinyupiaoxue@126.com?cc=1023027599@qq.com&subject=The%20subject%20of%20the%20email&body=The%20body%20of%20the%20email">聯系郵箱</a> %20在這里代表空格 --> </body>
無序列表
<ul>
<li>html</li>
<li>css</li>
<li>javascript</li>
</ul>
注：無序列表默認實心黑色圓點，type屬性可以改變，共有三個值：disc（默認）,circle（空心圓點）,square（實心黑色方塊）。當然用css最好。
有序列表
<ol>
<li>html</li>
<li>css</li>
<li>javascript</li>
</ol>
注：有序列表默認數字排序，type屬性可以改變，有好幾個值：1（數字）, a（字母）等等；shart屬性可以改變排序從第幾個開始，比如數字排序，start="2",排序第一個就不再是 1 ，而是 2 。用css改變樣式。
自定義列表
<dl>
<dt>html</dt>
<dd>表述頁面的標記語言</dd>
</dl>
注：ul ol dl 之間是可以相互嵌套的。
表格
<table>
<caption>table標題</caption>
<thead>
<tr>
<th>表頭</th>
<td>單元格</td>
</tr>
</thead>
<tbody>
<tr>
<th>表頭</th>
<td>單元格</td>
</tr>
</body>
<tfoot>
<th>表頭</th>
<td>單元格</td>
</tr>
</tfoot>
</table>
注：td 或 th 的 colspan 屬性可以合並列， rowspan 可以合並行。table 的 cellspacing 屬性控制單元格間距， cellpadding 屬性控制單元格邊距。
表單
<form action="" method=""> // actioin 表單提交地址; method 表單提交方式 post 或者 get; 定義id屬性，可以讓表單外的表單元素用 form 屬性關聯到此表單中 <fieldset> // 分區 <legend>分區標題</legend> 賬號：<input type="text" name="" /><br /> 密碼：<input type="password" name="" /><br /> learn:<br /> <label><input type="radio" name="ht" checked="checked" />html</label> // 同一組 radio 的 name 值必須相同；checked 默認選中 <label><input type="radio" name="ht" />css</label> // input 外加 label 為了點擊字體的時候也可選中radio ;另一種方法是<label> 中的 for 屬性和 radio 的 id 屬性值相同 <label><input type="radio" name="ht" />javascript</label><br /> like:<br /> <label><input type="checkbox" name="l" value="騎行" />騎行</label> // <label><input type="checkbox" name="l" value="書法" checked="checked" />書法</label> <label><input type="checkbox" name="l" value="旅行" />旅行</label> </fieldset> 城市： <select> <option>北京</option> <option selected="selected">上海</option> // selected 默認選中 <option>鄭州</option> </select><br /> 簡介：<br /> <textarea cols="30" rows="5"></textarea><br /> <input type="submit" name="" /> <input type="reset" name="" /> <input type="button" name="" value="按鈕" /> // 按鈕還是用 <button> 標簽好一些 <br /> <button type="submit">提交</button> </form>
display 禁用； required 必須填寫項； placeholder 提示詞（顯示灰色）；multiple 可多選；min max 最小值、最大值；width 和 height input屬性；
input 的 type 屬性還有其他值，比如，email，url,number, search,range,color,data,aurofocus
還有list 和 datalist 的配合使用預選項
<form> 也有新屬性 這些等慢慢研究了再寫
視頻
<video width="" height=""> // controls 顯示控制條； autoplay 自動播放；loop 循環播放；單個文件可以直接放在 src 屬性中 <source src="movie.mp4" type="video/mp4" /> <source src="movie.webm" type="video/webm" /> <source src="movie.ogg" type="video/ogg" /> 您的瀏覽器不支持video！ </video>
音頻 （同 video）
<audio width="" height=""> <source src="music.mp3" type="audio/mp3" /> <source src="music.wav" type="audio/wav" /> <source src="music.ogg" type="audio/ogg" /> 您的瀏覽器不支持audio！ </audio>
html 最好全部都有小寫；所有元素都要閉合；屬性都要有值。