iT邦幫忙

2022 iThome 鐵人賽

DAY 6
0

https://ithelp.ithome.com.tw/upload/images/20220921/20148082liX8VLccwJ.png
https://ithelp.ithome.com.tw/upload/images/20220921/20148082HuTwckqtWN.jpg
調查問券


練習(practice)

兩個警察大哥站在門外等著,「來了來了」,看來是最近附近發生了小偷行竊的事件,這附近的路燈總是昏昏暗暗的,我像他們簡單說明了規律的日常起居,沒注意到什麼特別的陌生人,就如同往常一樣,送走了兩位巡邏的派出所員警後,我回到房間鏡子前繼續平時的練習。

歡迎來到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就如同容器,將要呈現在畫面的標籤打在其中,完成調查問券吧。

下一篇:抽象


引用與資源:
freecodecamp
mdn_web_docs
我的調查問券


上一篇
Day5 - 問候 (form)
下一篇
Day7 - 抽象 (盒模型,blur)
系列文
30天讓你爺爺取得 FreeCodeCamp 響應式網頁設計證書30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言