簡單認識HTML
什么是html？html的全稱是 HyperText Markup Language（超文本標記語言）
html的作用？ 一個.html文件的本質是純文本文件，也就是說在文件當中所有的文字是同級別的，純文本本身并不知道每個文字的語義，只會簡單的對文本進行統一處理。
什么是語義？比如說到底那些文字代表一個段落、那些文字代表是一個標題呢等。。。
html 的出現？ html的作用就是給純文本文件當中的文字添加語義的，比如告訴瀏覽器哪些文字是標題、從哪開始到哪結束是一個段落。
html核心? html核心是學習各種標簽。
標簽是啥？ html中的標簽也是文本，只不過這些文本是為其他文本添加語義來的，也稱之為超文本，而且這些標簽（超文本）在瀏覽器當中是不顯示出來的。
html標簽作用的誤區? html標簽只是給特定的文本添加語義的，而并沒有改變文本的樣式。比如 : h1標簽只是標注哪些文本是標題，而并沒有改變文本的大小和粗細。
HTML的發展史
HTML是在1993年由國際互聯網工程任務組 <The Internet Engineering Task Force，簡稱 IETF > 發布的1.0版本，并在95年由W3C組織發布的2.0版本（使得HTML擁有了自己的標準）。IETF組織的作用是定義并管理英特網技術的所有方面，如數據傳輸的ip協議、域名與IP地址匹配的DNS域名系統、以及發送郵件所用的SMTP網絡傳輸協議。（W3C）萬維網聯盟創建于1994年，是Web技術領域最具權威和影響力的國際中立性技術標準機構。
開始編寫html網頁
html網頁基本架構格式
<html> <head> <title></title> </head> <body> </body></html>上面的<html></html> 作用1. 標簽的作用是 告訴瀏覽器這是一個網頁，或者就是告訴瀏覽器這是一個html文檔。
作用2. 在一個網頁當中其他所有的標簽都要寫在<html></html>里面，規范了一個網頁的最外層格式。
上面的<head></head>作用 : 添加一些網站的配置信息
比如 : 1. 網站的標題 、網站的小圖標
2. 添加網站的SEO相關信息（指定網站的關鍵字、網站的描述信息）
3. 外掛一些外部CSS / JS 文件
4. 添加一些瀏覽器適配相關的內容
注意點 : 一般寫在head標簽內的內容，都看不到。
上面的<title></title>作用 : 專門用來指定網站的標題，并且指定的標題將來還會作為用戶保存網站的默認標題。
上面的<body></body>作用 : 專門用于定義html文檔當中顯示給用戶查看的內容（圖片/文字/音頻/視頻）
注意點 : 雖然給用戶查看的內容寫在body標簽外也可以查看，但不符合規范。
一對html標簽內部職能有一對body標簽。
字符集
我們編寫的網頁有時出現文字亂碼，究其原因是因為我們沒有設置字符集。字符集是什么呢？字符集就是字符的集合，相當于古代的“活字印刷術”它用來規定網頁中文本的顯示種類格式。我們在設置中文字符集時用到最多的是"GBK" / "UTF-8"這兩種。
<html> <head> <meta charset="UTF-8"> <title>這是一個測試網站</title> </head> <body> </body> </html>在企業開發中對于"GBK" 和 "UTF-8"的選擇，"GBK（GB2312）"存儲的字符較少，僅僅存儲了一些漢字和基本的外文，訪問速度快。"UTF-8"存儲了世界上所有的文字，如果我們開發的網頁不僅僅包含中文，那就選用UTF-8，但是它的體積相對較大。注意 : html文檔中設置的字符集類型要與保存時的字符集類型一致，不然仍然可能顯示亂碼。
標簽的分類
按照標簽的個數 ：單標簽（只有一個開始標簽，由一個<>組成的） / 雙標簽（由一個開始標簽和一個結束標簽組成的）
如 : <meta charset="UTF-8"/>就是一個單標簽、<head></head>這個就是一個雙標簽。
按照標簽的關系分為 : 同級標簽 和 父子標簽
如 : head標簽 和 body標簽就是同級標簽、html標簽和head標簽就是父子標簽。
DTD文檔聲明
什么是DTD文檔聲明?HTML有眾多版本，那么每個版本的規范是有差異性的，為了讓瀏覽器正確的編譯/解析/渲染我們的網頁，我們需要在html文件的開頭聲明告知瀏覽器需要用哪種規范來編寫我們的網頁。
DTD文檔聲明的格式選擇？ 每個HTML版本的DTD文檔聲明的格式都不盡相同，那么目前只要知道H5的文檔聲明格式就可以了。因為第一現在的網頁都基本是使用H5來編寫的；第二HTML的DTD文檔聲明是向下兼容的，只要學會H5的DTD文檔聲明之前的就基本不用看了。
H5的DTD文檔聲明格式是?<!DOCTYPE html>
DTD文檔聲明注意點
1. HTML的DTD文檔聲明必須寫在html文件的第一句；
2. HTML的DTD文檔是不區分大小寫的，<!DOCTYPE html> 與 <!doctype html>的作用是一樣的；
3. HTML的DTD文檔不是HTML標簽，可以查看W3C的官方文檔。
4. HTML的DTD文檔沒有編寫時網頁依然可以顯示，是因為瀏覽器并不是完全依賴于我們編寫的DTD文檔聲明，瀏覽器有自己的一套識別機制；但是HTML的DTD文檔還是必須寫在html文件的開頭，原因是這個規范是W3C制定的，所以必須遵守。
DTD文檔聲明的其他版本規范書寫格式（了解）
兩大分類 : 1.HTML的DTD文檔聲明；2.XHTML的DTD文檔聲明.
HTML的DTD文檔聲明又分為三小類
1.Strict（嚴格的）: 該 DTD 包含所有 HTML 元素和屬性，但不包括展示性的和棄用的元素（比如 font）。不允許框架集（Framesets）。如上面提到的 font 標簽在這種DTD文檔聲明中是不被允許使用的，因為它身為HTML標簽，卻能夠改變文本的樣式（顏色、大小等），這明顯是與HTML標簽只添加語義而不改變樣式的規范相違背的。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2.Transitional（過度的、普通的、寬松的）：該 DTD 包含所有 HTML 元素和屬性，包括展示性的和棄用的元素（比如 font）。不允許框架集（Framesets）。在這個DTD文檔聲明中允許使用 font 等可以改變文本樣式的標簽，所以相對于上一個Strict較為寬松。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
3.Frameset （帶有框架的頁面）該 DTD 等同于 HTML 4.01 Transitional，但允許框架集內容。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">XHTML的DTD文檔聲明也分為三小類，基本等同于HTML的DTD文檔聲明又分為三小類。
HTML XHTML 和 HTML5 都可以用來編寫網頁，區別？
HTML 語法非常的寬松容錯性很強
HTML5 是HTML的下一個版本，所以除了語法寬松容錯性強之外，還增加了很多新的特性
XHTML 語法和規范最為嚴格，要求標簽必須小寫，標簽必須嚴格閉合，屬性必須用引號括起來等等
新聞熱點
疑難解答
