最近看了不少用H5寫的APP，感覺自己都快失業了，純H5寫頁面的話還能制作很多很炫的動畫，就APP發展的趨勢上來看，app+h5的使用在以后的項目中將會用的很多很多，所以想著也盡快開始h5的學習吧！但愿自己每天都能有一點點的進步，加油！
一、HTML和CSS的關系
掌握web前端開發需要學習的技術有：HTML、CSS、Javascript語言。
1.?HTML是網頁內容的載體。內容就是網頁制作者放在頁面上想要讓用戶瀏覽的信息，可以包含文字、圖片、視頻等。
2.?CSS樣式是表現。就像網頁的外衣。比如，標題字體、顏色變化，或為標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之為表現。
3.?JavaScript是用來實現網頁上的特效效果。如：鼠標滑過彈出下拉菜單。或鼠標滑過表格的背景顏色改變。還有焦點新聞（新聞圖片）的輪換。可以這么理解，有動畫的，有交互的一般都是用JavaScript來實現的。
二、HTML標簽
網頁都是由HTML標簽組成，<h1></h1>是標題標簽、 <p></p>是段落標簽 、<img src="1.jpg">是圖片標簽
三、標簽的語法
1. 標簽由英文尖括號<和>括起來，如<html>就是一個標簽。
2. html中的標簽一般都是成對出現的，分開始標簽和結束標簽。結束標簽比開始標簽多了一個/。如：（1）?<p></p>（2）?<div></div>（3）?<span></span>
3. 標簽與標簽之間是可以嵌套的，但先后順序必須保持一致，如：<div>里嵌套<p>，那么</p>必須放在</div>的前面。
4. HTML標簽不區分大小寫，<h1>和<H1>是一樣的，但建議小寫，因為大部分程序員都以小寫為準。
四、HTML的基本結構
一個HTML文件是有自己固定的結構的。
<html>
<head>...</head>
<body>...</body>
</html>代碼講解：
1.?<html></html>稱為根標簽，所有的網頁標簽都在<html></html>中。
2.?<head> 標簽用于定義文檔的頭部，它是所有頭部元素的容器。頭部元素有<title>、<script>、 <style>、<link>、 <meta>等標簽。
3. 在<body>和</body>標簽之間的內容是網頁的主要內容，如<h1>、<p>、<a>、<img>等網頁內容標簽，在這里的標簽中的內容會在瀏覽器中顯示出來。
五、認識head標簽
<head>標簽，文檔的頭部描述了文檔的各種屬性和信息，包括文檔的標題等。絕大多數文檔頭部包含的數據都不會真正作為內容顯示給讀者。
下面這些標簽可用在 head 部分：
<head>
<title>...</title>
<meta>
<link>
<style>...</style>
<script>...</script>
</head><title>標簽：
在<title>和</title>標簽之間的文字內容是網頁的標題信息，它會出現在瀏覽器的標題欄中。網頁的title標簽用
于告訴用戶和搜索引擎這個網頁的主要內容是什么，搜索引擎可以通過網頁標題，迅速的判斷出網頁的主題。每個網頁的內容都是不同的，每個網頁都應該有一個獨
一無二的title。
例如：
<head>
<title>hello world</title>
</head><title>
標簽的內容“hello world”會在瀏覽器中的標題欄上顯示出來
六、HTML標簽的注釋
語法：
<!--注釋文字 -->
