- 接下來會用顏色做區分

- 紅色框住的是透過<head></head>中加入或修改,主要影響的是整個網頁最底層的基礎設置,例:你的網頁是配顯示器設置、你的此網頁名稱、設置整面網頁字體照片統一尺寸….
- 藍色框住的是透過<body></body>我們最主要要設計的地方,需要告訴客戶你這個網站是(賣服飾、雜誌、分享娛樂新聞….)
- 那這邊說一下程式運作的邏輯:
閱讀次序<head>中的讀完>>>>閱讀你寫在<body>內的內容
最後讀到的會覆蓋你前面寫的喔!!!
同樣你在<body>內的內容也會分層級,最後覆蓋掉的通常是寫在單行中的
例:你在<div>設置整體大小,但你又在裡面的圖片又給了他一個尺寸,程式會當你最後要的是這個,所以他只會依據你在圖片給他的尺寸縮放
- 所有程式開始前都要打的架構~(可以說是大框架)
在vscod比較貼心打驚嘆號!後按Tab鍵這個架構就會出來了
- <!DOCTYPE html>
- <html>
- <head>
- .
- <title>此頁面名稱/標題</title>
- .
- </head>
- <body>
- .
- </body>
- </html>
- 那接下來說明一下我們歡迎面使用到的功能和一些設置是什麼