今天的內容寫得比較趕，希望語句不會有不通順的地方 (> _<);
有的話還請多多包涵，謝謝～～
介紹本日主題 HTML 之前，先來說說網頁組成的金三角
HTML 就好比一個素顏光溜溜，靜止狀態的人類
CSS 是化妝品、服裝、配件等外在裝飾
JavaScript 則是注入靈魂，控制他做出行為，有表情 & 肢體動作
如果只有 HTML，這個網頁就只有骨架，不但 不美觀 ，還不會動
有了 CSS 樣式去做 排版 ，畫面就會好看很多
再加上 JavaScript ，即可動態的去呈現網頁，做出 互動 的效果
超文本標記語言 （HyperText Markup Language，簡稱：HTML）是一種用於建立網頁的
標準標記語言。HTML是一種基礎技術，常與CSS、JavaScript一起被眾多網站用於設計網頁、網頁應用程式以及行動應用程式的使用者介面。網頁瀏覽器可以讀取HTML檔案，並將其彩現成視覺化網頁。HTML描述了一個網站的結構語意隨著線索的呈現，使之成為一種 標記語言而非程式語言。
HTML元素 是構建網站的基石。HTML允許嵌入圖像與物件，並且可以用於建立互動式表單，它被用來結構化資訊——例如標題、段落和列表等等，也可用來在一定程度上描述文件的外觀和語意。HTML的語言形式為尖括號包圍的HTML元素（如<html>），瀏覽器使用
HTML標籤和指令碼來詮釋網頁內容，但 不會將它們顯示在頁面上。
（快捷鍵： ！ + Tab 或 ！ + Enter ）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
簡單介紹一下
首行 <!DOCTYPE html> 是宣告，
目的在跟電腦說～這是一個版本為 HTML5 的檔案喔～～～
（附上 HTML5 維基百科連結 網址點我 ）
<html></html> 中間會有 <head></head> 和 <body></body>
其中 <head></head> 裡面會放一些給電腦看的東西，一般不會呈現在網頁上
也有例外，比如 <title></title> 中間放的內容為 網頁標題 ，會顯現在 網頁的頁籤 上
<body></body> 裡面放網頁欲呈現的內容（給人看的），例如導覽列、段落標題、文字、圖片、影片等。
自學指引：
網站推薦：
有聽過老天爺造人的傳說故事嗎？
老天爺在造人的時候，一連做了好多好多個人類
為了方便確定自己到底做了幾個？
於是一面數一面在人的肚子上戳個洞洞當做記號，也就是我們的 肚臍。
我們寫網頁程式也很像老天爺在造人唷 ｡◕‿◕｡
弄出高矮胖瘦，各式的樣子。
老天爺 A 在教老天爺 B 怎麼做一個人，老天爺 A 說：你要記得給他眼睛鼻子嘴巴
老天爺 B 不曉得眼睛鼻子嘴巴是要幹麻的
但是他想：哎呀不管了反正給他眼睛鼻子嘴巴
有一天老天爺 B 發現 ... 哇，原來給人類眼睛他就看得見
給他鼻子他就聞得到、有記得給他嘴巴他就能吃東西了（吵架的時候還可以咬人）
（為什麼要講這個故事呢？）
一開始不知道 DOCTYPE 是什麼沒關係啦 ^O^/
這是既定好的格式， 先給他放上去就對了
接觸的時間久，慢慢地就會知道他們各代表什麼意思囉！
★ 當然，現在就動動手指頭去尋找答案會更好喔 ★
感謝閱讀，我們明天見囉～～～ 
iThome鐵人賽
看影片追技術