這30天以我的經驗,去分享網頁全端的知識,以我所製作的留言板和登入註冊網頁為目標。
文章決定拆分兩部分,前半部以基礎為主,後半部以基礎後的進階,做個承先啟後。
這是第一次參賽,希望以我的經驗,正確去分享網頁全端的知識。 正篇: 製作畫面需要html、css來寫,我用的是visual Studio code和xampp...
今天介紹html基本的語法。 <!DOCTYPE html> <html lang="en"> <head&...
今天要介紹link和絕對路徑與相對路徑。 先上程式碼。 <!DOCTYPE html> <html lang="en"&g...
今天介紹兩個技巧,F12看網頁程式和Ctrl+F搜尋功能。 F12開啟教學 F12看網頁程式或者按右鍵,點檢查也行。按檢查頁面來源同樣能看到網頁的程式碼。能用這...
今天來介紹設定Css。 Css是什麼呢?Css能讓我們用來設置HTML的樣式,描述HTML該如何顯示。 Css如何知道那些html要設定樣式呢?Class和id...
今天繼續介紹css,css能改變html的元素的排版、佔據體積、字體大小粗細和顏色。程式碼如同昨天用過的。 background-color是設置背景顏色。fo...
今天介紹css排版 float_example.html程式碼 <!DOCTYPE html> <html> <head>...
今天介紹Bootstrap和如何使用。 官網說這是世界上最受歡迎的框架。讓人專注在撰寫html,提供RWD 響應式,就是讓網頁兼容各種設備的畫面,也能讓不會Ja...
今天介紹Bootstrap通用類別。 上次從Bootstrap 複製的程式中,有個叫mb-3的東西在div的class,這就是今天要介紹到的通用類別。 Boot...
今天要介紹動態網頁與靜態網頁 網站有兩大要素--前端、後端主要負責軟體或者網站用戶介面的開發。 靜態網頁 靜態網頁是指「沒有後台」的網頁,後台就是伺服器與資料...