1.HTML初識
一、web標準
w3c：萬維網聯盟組織，用來制定web標準的組織
結構標準：html就是用來制作網頁的
表現標準：css就是對網頁進行美化的
行為標準：JS讓網頁動起來
二、瀏覽器介紹
IE瀏覽器的內核為 trident
chrome瀏覽器的內核 blink
火狐瀏覽器內核 gecko
safari內核 webkit
以上的是有自己的內核的的瀏覽器，像那些什麽360 搜狗之內的垃圾瀏覽器都是基於google瀏覽器的內核進行二次開發，所以不要用這些瀏覽器。
三、HTML介紹
HTML 的全稱是HyperText Mackeup Language，翻譯為超文本標記語言，簡單點說就是用於描述文本內容的沒有任何邏輯可言。
我們在學習html要弄清楚一件事 在HTML中出了語義什麽東西都沒有。
四、HTML顏色介紹
顏色表示：
1.純單詞：red，green,blue,orange,gray 等
2.10進制表示：rgb（255,0）
3.16進制表示：#FF0000、#0000FF、00FF00等
五、HTML的規範
html是一個弱勢語言，在這門語言中不區分大小寫，html頁面的後綴名是html或者htm（有些系統不支持後綴名超過3個，比如dos系統）
HTML的結構：
聲明部分：主要是用來告訴瀏覽器你用的是哪個標準<!DOCTYPE html>
head部分：將頁面的一些額外信息告訴服務器，不會顯示在頁面上，例如一些編碼方式，還有keyworld content 這些給搜索引擎看的東西。
body部分：這些就是我們的代碼放的位置，可以再瀏覽器上顯示出來。
1.編寫html的規範
1>正確嵌套，不能交叉
2>所有的標記都必須小寫
3>所有的標記都必須關閉
- 雙邊標記：
<span></span> - 單邊標記：
<br>轉成<br /><hr>轉成<hr />，還有<img src=“URL” />
4>所有的屬性值必須加引號。<h1 id="head"></h1>
5>所有的屬性必須有值。<input type="radio" checked="checked" />
2.html的基本語法特征
1>html對於換行和tab不敏感
2>空白折疊 html中所有的文字之間如果有空格、換行、tab都將會被折疊成一個空格顯示
3>標簽要嚴格封閉
3.具體一些標簽的實際意義
頭標簽 head
head標簽都放在頭部之間，這裏包含了<title> <meta> <link> <style>
<title>：指定整個網頁的標題，在瀏覽器最上方顯示。<meta>：提供有關頁面的基本信息<link>：定義文檔與外部資源的關系。- <style>:定義內部樣式表與網頁的關系
1 meta標簽介紹
這個標簽內的信息是用戶看不到的，主要包括兩個屬性 一個是http-equiv 另一個是name
常用的標簽：
1）http-equiv屬性
它用來向瀏覽器傳達一些有用的信息，幫助瀏覽器正確地顯示網頁內容，與之對應的屬性值為content，content中的內容其實就是各個參數的變量值。
<!--重定向 2秒後跳轉到對應的網址，註意分號--> <meta http-equiv="refresh" content="2;URL=http://www.luffycity.com"> <!--指定文檔的內容類型和編碼類型 --> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <!--告訴IE瀏覽器以最高級模式渲染當前網頁--> <meta http-equiv="x-ua-compatible" content="IE=edge">
（2）name屬性
主要用於頁面的關鍵字和描述，是寫給搜索引擎看的，關鍵字可以有多個用 ‘,’號隔開，與之對應的屬性值為content，content中的內容主要是便於搜索引擎機器人查找信息和分類信息用的。
<meta name="Keywords" content="網易,郵箱,遊戲,新聞,體育,娛樂,女性,亞運,論壇,短信" />
這些關鍵詞，就是告訴搜索引擎，這個網頁是幹嘛的，能夠提高搜索命中率。讓別人能夠找到你，搜索到。
<meta name="Description" content="網易是中國領先的互聯網技術公司，為用戶提供免費郵箱、遊戲、搜索引擎服務，開設新聞、娛樂、體育等30多個內容頻道，及博客、視頻、論壇等互動交流，網聚人的力量。" />
只要設置Description頁面描述，那麽百度搜索結果，就能夠顯示這些語句，這個技術叫做SEO（search engine optimization，搜索引擎優化）。
效果如下：
下面這個標簽，是讓我們網頁支持移動端，移動設備優先
<meta name=viewport content="width=device-width, initial-scale=1">
2.2 title標簽
主要用來告訴用戶和搜索引擎這個網頁的主要內容是什麽，搜索引擎可以通過網頁標題，迅速的判斷出當前網頁的主題。
<title>路飛學城</title>
效果如下：
1.HTML初識