兩個警察大哥站在門外等著，「來了來了」，看來是最近附近發生了小偷行竊的事件，這附近的路燈總是昏昏暗暗的，我像他們簡單說明了規律的日常起居，沒注意到什麼特別的陌生人，就如同往常一樣，送走了兩位巡邏的派出所員警後，我回到房間鏡子前繼續平時的練習。
歡迎來到fcc課程中的第一個實作項目，這也是取得證書必要的課題之一，當然這不會很難，而且也有範例給我們參考，但在此之前我先來介紹一個不錯的網站：CODEPEN
就如同這篇的首頁圖片，可以在做個簡單的註冊設定之後，寫上HTML、CSS、JavaScript來讓畫面呈現並且儲存，或許你會跟我一樣迫不及待的想接著往下學，別急別急，工程師世界的腦中最不缺的就是知識焦慮，複習舊的知識然後學習新的知識，讓練習成就完美。
<head>與<body>標籤CODEPEN上面似乎少了head標籤，head標籤內包含不同用途的HTML tags，這些tag內容不會呈現在頁面上，而是用來說明這個網頁的資訊，像是標題，所使用的編碼，或是引用其他來源等等。
而在fcc的任務中，每一次都會要求你寫下head標籤，並且寫下
<head>
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Nice-Survey</title>
<link rel="stylesheet" href="./styles.css" />
</head>
這些內容雖然不會呈現在頁面上，但仍然是讓網頁好好運作的重要元素。
與head相對的，是body標籤，他們在一個頁面只會有唯一一個，body就如同容器，將要呈現在畫面的標籤打在其中，完成調查問券吧。
看影片追技術