兩個警察大哥站在門外等著,「來了來了」,看來是最近附近發生了小偷行竊的事件,這附近的路燈總是昏昏暗暗的,我像他們簡單說明了規律的日常起居,沒注意到什麼特別的陌生人,就如同往常一樣,送走了兩位巡邏的派出所員警後,我回到房間鏡子前繼續平時的練習。
歡迎來到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就如同容器,將要呈現在畫面的標籤打在其中,完成調查問券
吧。