對于前端的學(xué)習(xí)，必將包含3大塊：html、css、javascript，其中html決定頁面的結(jié)構(gòu)，css決定頁面的樣式，javascript決定頁面的邏輯（換句話說就是人與頁面的交互）。
html是HyperText mark-up language的縮寫,中文名是超文本標(biāo)記語言。html頁面由一系列的標(biāo)簽構(gòu)成，標(biāo)簽通常的表現(xiàn)形式如<標(biāo)簽><／標(biāo)簽> ，<標(biāo)簽/> 。<標(biāo)簽>some text<／標(biāo)簽>這種形式稱為有開始標(biāo)簽，也有結(jié)束標(biāo)簽，而<標(biāo)簽/>只有開始標(biāo)簽，因為它不會在標(biāo)簽間有值。
通常來說，一個html頁面的文檔結(jié)構(gòu)如下圖所示！
<!DOCTYPE html>
<html>
<head>
/這里是文檔的頭部 /
</head>
<body>
/這里是文檔的主體/
</body>
</html>
1：<!DOCTYPE >它是指示 web 瀏覽器關(guān)于頁面使用哪個 HTML 版本進(jìn)行編寫的指令，如果當(dāng)前頁面是使用html5編寫的，<!DOCTYPE html> 聲明即可。<!DOCTYPE> 聲明必須是 HTML 文檔的第一行，位于 <html> 標(biāo)簽之前。關(guān)于<!DOCTYPE>的信息通過http://www.w3school.com.cn/tags/tag_doctype.asp查看。
2：<html>標(biāo)簽
在一個html文件中，此標(biāo)簽是最外層的標(biāo)簽，可告知瀏覽器其自身是一個 HTML 文檔。<html> 與 </html> 標(biāo)簽限定了文檔的開始點和結(jié)束點，在它們之間是文檔的頭部和主體。文檔的頭部由 <head> 標(biāo)簽定義，而主體由 <body> 標(biāo)簽定義。
3：<head>標(biāo)簽
<head> 標(biāo)簽用于定義文檔的頭部，它是所有頭部元素的容器。<head> 中的元素可以引用腳本（<script>）、指示瀏覽器在哪里找到樣式表（<link>）、內(nèi)部樣式（<style>）、提供元信息（<meta>）、文檔的標(biāo)題（<title>）等等。
文檔的頭部描述了文檔的各種屬性和信息，包括文檔的標(biāo)題、在 Web 中的位置以及和其他文檔的關(guān)系等。絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會真正作為內(nèi)容顯示給讀者。
這些標(biāo)簽可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title>。<title> 定義文檔的標(biāo)題，它是 head 部分中唯一必需的元素。
4：<body>標(biāo)簽
body 元素定義文檔的主體。body 元素包含文檔的所有內(nèi)容（比如文本、超鏈接、圖像、表格和列表等等。）
