【HTML·初識】1.2什么是HTML頁面
超文本標記語言（HyperText Markup Language，HTML）是一種用于創(chuàng)建網(wǎng)頁的標準標記語言。可以使用 HTML 來建立自己的 WEB 站點，HTML 運行在瀏覽器上，由瀏覽器來解析。
這一章節(jié)來認識什么是HTML，主要學習HTML的標簽和標簽對應的屬性，這是整個HTML的重中之重，因為整個HTML都離不開標簽和屬性，標簽構(gòu)成頁面的內(nèi)容，屬性豐富了標簽所表示的內(nèi)容的多樣性。
在學習過程中，可以參考【HTML菜鳥教程】https://www.runoob.com/html/html-intro.html
打開瀏覽器，例如打開百度的首頁
這個頁面非常的簡潔，但是包含了很多內(nèi)容，有文字、圖片、動畫、超鏈接等一系列HTML頁面所能夠包含的元素。什么意思，也就是說，html頁面就是能夠包含文本、圖像、聲音、超鏈接等內(nèi)容的集合，然后通過瀏覽器對這些元素進行渲染，就呈現(xiàn)出多彩的頁面。
打開頁面的審查元素（快捷鍵是【F12】），就能夠看到構(gòu)成html頁面的所有元素，當我們在寫頁面，對頁面進行調(diào)試的時候，也是通過審查元素，在這個窗口里面檢測問題，所以審查的方法一定要掌握。
這里面有一堆還不認識的標簽<html></html>、<body></body>，沒有關(guān)系，一個簡單的html頁面，就包含這些元素
這個一個極其簡單的頁面，包含了我們常用的標簽
什么是標簽？
帶有<>的標記就是標簽，標簽主要有三種類型
單標簽，<br />，只有一個<>，以/結(jié)束
雙標記，<div></div>，成對出現(xiàn)，后面一個以/結(jié)束
注釋標記，<!--注釋內(nèi)容-->，需要注釋的內(nèi)容放在<!--?-->里面
對上面的簡單頁面中的標簽做簡要說明：
<!DOCTYPE html>?聲明為 HTML5 文檔
<html>?元素是 HTML 頁面的根元素
<head>?元素包含了文檔的元（meta）數(shù)據(jù)，如?<meta charset="utf-8">?定義網(wǎng)頁編碼格式為 utf-8。
<title>?元素描述了文檔的標題
<body>?元素包含了可見的頁面內(nèi)容
<h1>?元素定義一個大標題
<p>?元素定義一個段落
HTML頁面的一個簡單的可視化結(jié)構(gòu)如圖所示
一個HTML頁面最基本框架就是
我們要呈現(xiàn)在頁面上的內(nèi)容，都將寫在body這個標簽里面，body里面的內(nèi)容是在頁面可見的。當然了，HTML中的標簽種類是非常豐富的，標簽的學習也是整個HTML的重點，這個我們在后續(xù)章節(jié)詳細講述。
我們在聲明HTML頁面的時候，用的是<!DOCTYPE html>標簽，這是有歷史依據(jù)的，以下是HTML的歷史版本，現(xiàn)在我們常用的是HTML5這個版本，而標簽<!DOCTYPE html>則是HTML5這個版本的標記。
所以在我們寫頁面的時候，直接用html5的聲明就可以了，基本上主流的瀏覽器（谷歌瀏覽器，Internet Explorer，F(xiàn)irefox，Safari）都會支持這個聲明。
在了解這么多之后，一定想要自己寫個HTML頁面試試手，那么HTML頁面怎么寫呢，用什么工具來寫呢？在電腦上建立一個hello.txt的文件，將下面的代碼粘貼復制進去保存
然后將hello.txt的后綴名修改為.html，即有hello.html，用瀏覽器（谷歌瀏覽器，Internet Explorer，F(xiàn)irefox，Safari）打開，你將在頁面上看到hello world字樣的輸出，這就是第一個html頁面。
用記事本的方式寫頁面當然是不方便的，市面上有很多好用的編譯器可供選擇，這里推薦使用【webstorm】這款編譯器，自認為是用過最好用的一款編譯器了。關(guān)于這款編譯器的使用方式，請參考相關(guān)的經(jīng)驗分享，這里不再贅述。
還有其他的編譯器，比如DW，DW和WS這兩款編譯器在百度云盤有分享，回復關(guān)鍵字：網(wǎng)頁制作資源文件即可獲取。
后面我們將著重講解HTML標簽和標簽對應的屬性。
