？哪里長得像 ？
（圖一：左側樂高小人來源于網絡樂高圖，右側是為了便于理解的.html文件，實際樣子略有差異,請繼續往下看～圖三：實際運作的.html文件及網頁）
［小編畫圖感言：圖做了很久，多看幾眼哈～］
樂高小人的基礎配件就是：
－頭(head)
－手跟主要軀干(body)
－腳(foot)
而HTML的基礎架構就是：
<header></header>
<body></body>
<footer></footer>
長得多像～～～
［Mr.??：哪里像.....］
［Ms.??：真的長得很像！反正我就是覺得這樣很好記］
樂高小人就像是百變星君，只要有想法，你就可以添磚加瓦做出百百種不一樣的樂高小人，HTML也一樣，有許許多多種可能，等著你去嘗試
你可以是溫文儒雅的紳士派，也可以是古靈精怪的野獸派，基本架構在那里，看你想加什么就加什么，自己樂高自己做主，自己網頁想干嘛就干嘛
［Ms.??：關于想對“網頁”想干嘛就干嘛，下幾篇的文章會提到：怎么樣
提高效率去實作，有一大堆工具、框架、函式庫可以用，請繼續關注～］
［Mr.??：又是一個騙關注的梗，實際就是還沒寫，以后寫完再說］
［Ms.??：這年頭小編真不好做］
認真介紹HTML5
簡單來說，瀏覽器是通過讀取.html文件里面的資訊來“畫”網頁的
［Ms.??：我們暫時先簡單了解概念，關于瀏覽器與后端服務器如何雙向溝通，我們以后再說哈，我們先了解HTML的基本架構］
（圖三：左側是最簡單版本的.html文件，右側是在自家電腦用瀏覽器打開本地.html文件）
HTML是超文本標記語言，說人話解釋就是，“我用標簽來告訴大家我有哪些元素，它們是怎么排列的”，接下來小編就逐個逐個標簽簡單說說：
1. <!DOCTYPE html>
位置： ?永遠在.html文件的第一行，處于<html>標簽之前
用途：
－告訴 Web 瀏覽器“我用了哪種 HTML 版本”
－本身并不是一個 HTML 標簽
2. <html>....
? ? </html>
位置：因為是所有其他 HTML 元素（除了<!DOCTYPE>標簽）的容器。所以在最外層
用途：
－告訴瀏覽器“我是html文檔”
3.<header>....
? ?</header>
位置：在<html>里面，一般放在前面一點的位置
用途：
－是介紹內容或者導航鏈接欄的容器
－告訴瀏覽器“我是頁眉，我的名字叫xxx，我有用xxxxx”，常用來放置一些關于網頁描述的元數據<meta>，或是涉及到的<script>
4.<body>..
? ?</body>
位置：在<html>里面，一般放在<header>后面，<footer>前面
用途：
－包含文檔的所有內容
－－標題: 從<h1></h1>到<h6></h6>
－－文本段落: <p></p>
－－超鏈接： <a href＝....></a>
－－圖像<img>
<img>標簽有兩個必需的屬性：來源src 和圖片名 alt，沒有結束標簽</>
－－表單<form></form>
[Ms.??：由于表單涉及眾多內容，以后會進一步介紹]
－－列表
<ol>指的是ordered list有序列表，列表排序以數字來顯示
<ul>就是unordered list無序列表，
<li>就是list
5.<footer></footer>
位置：通常置于里面最尾部
用途：
－告訴瀏覽器“我是頁腳”
－包含文檔創作者的姓名、文檔的版權信息、使用條款的鏈接、聯系信息等等。
以上就是HTML的基本架構，如果你想查看任何網頁的HTML文件，你只需要在你自己的瀏覽器摁鼠標右鍵然后選擇“查看網頁原始碼”，就會出現控制臺，選擇“元素/Element” ，你就可以隨意點點看，網頁就會出現對應內容
