說到網頁前端，一定會聽到及碰到這三種語言，分別是：HTML,CSS以及JavaScript，而這三者對於網頁前端的地位簡單比喻可以如下圖：
HTML負責設計房子的骨架以及房子內的傢俱擺設，就如同網頁中的各種文字及圖片等元素的擺放。
CSS負責房子外觀的美化，材質的選擇等等，就如同網頁中排版各元素，或是決定顏色等屬性。
JavaScript負責決定人與房子間的互動行為，例如網頁中填寫表單所回傳的結果等等。
這次選擇Visual Studio Code來作為撰寫工具，因為其輕量且有許多套件可以下載，連結如下：
https://code.visualstudio.com/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>第一個網頁</title>
</head>
<body>
hello! hello! hello!
</body>
</html>
首行的<!DOCTYPE html>為HTML5規定得宣告的，如此一來才能順利執行HTML5新增功能。
接著可以發現其他以<>框起來的標籤皆成對出現
<html></html>所有內容需在這兩個成對的標籤內<head></head>在這標籤內的內容不會顯示在網頁上，紀錄一些所需內容<body></body>網頁所呈現的內容皆寫在此標籤內以上是對HTML基本架構的簡單認識，之後將開始著手了解並撰寫網頁。
感謝各位的閱讀！
iThome鐵人賽
看影片追技術