基本結構圖
相關解釋：
1、<!DOCTYPE html>:
瞭解HTML的發展史的就知道，HTML有許多的版本，
其中應用廣泛的有3個：XHTML，H5，H4.爲了讓瀏覽器知道我們
使用的是哪個HTML版本，需要在網頁的最上面加上一個doctype聲明，
用來告訴瀏覽器這裏使用的HTML的版本。注意：HTML4與XHTML的文檔
的聲明都十分複雜，但是H5的文檔聲明卻很簡單：<!DACTYPE html>
編寫網頁時一定要將H5的文檔聲明寫在網頁的最上面。
如果不寫文檔聲明，則會導致一些瀏覽器進入一個怪異模式，
瀏覽器進入怪異模式後，會導致網頁無法正常顯示。
文檔聲明使用大小寫都是無所謂的。
怪異模式：爲了兼容一些舊的頁面，瀏覽器設置了兩種模式，標準模式，和 怪異模式，怪異模式可能會產生一些不可預期的後果。所以儘可能加入doctype 避免。
2、<html lang = 'en'> </html>:
是body標籤和head標籤的父標籤。除了文檔聲明，其他的代碼都
要寫在html標籤裏面。
lang = ‘en’ 則表示這個網頁是英文網頁。
lang是language 的縮寫，en是English的縮寫，是中文的html
可以將en 改爲 zh。即 <html lang = 'zh'>
3、<head> </head>:
head標籤代表網頁的頭部，通常使用meta標籤設置一些描述性的信息
使用title標籤設置網頁的標題。是body標籤的兄弟標籤。
4、<body> </body>:
代表網頁的主體，所有網頁上可以看見的信息，都是寫在這裏面的
5、mate標籤
一般用來做SEO，charset用來設置字符集。
比如：
<meta charset="UTF-8">
<meta name="keywords" content="html教程">
<meta name="description" content="從頭再來，html學習">
6、<title> </title>:
title標籤是用來設置網頁的標題。