【科技教育】　　給孩子的程式設計基礎課｜由 HTML 程式培養「美感」、練習「邏輯思考」（之３）

by Evgeny Ignatik from Pixabay

 

 

　　最基礎的網頁內容版面、HTML 程式結構及其最最最基本概念和原理的最終版出來了，接下來只是舉一反三、隨心所欲把想要呈現的網頁內容風貌逐一點綴上去，就此超展開了！

 

輸入文章標題

圖片放大連結：https://photos.app.goo.gl/nvezW5jnftzmBhkP9

 

網頁內容呈現樣貌（文章標題）

圖片放大連結：https://photos.app.goo.gl/EnAom87R2g7FcDG7A

 

 

輸入章節標題

圖片放大連結：https://photos.app.goo.gl/2UqoCYFZyE2pSq3j8

 

網頁內容呈現樣貌（章節標題）

圖片放大連結：https://photos.app.goo.gl/J9Nog7qrCBz6SZWb7

 

 

輸入文章內容

圖片放大連結：https://photos.app.goo.gl/FmxQKSwXsuaPTTHR7

 

網頁內容呈現樣貌（文章內容）

圖片放大連結：https://photos.app.goo.gl/JxSfjCNnvEbWoWan6

 

圖片放大連結：https://photos.app.goo.gl/1FN36rusq3qiykAu7

 

圖片放大連結：https://photos.app.goo.gl/6wEdssCHd2TU1PY89

 

 

插入圖片

圖片放大連結：https://photos.app.goo.gl/iAb8Jiq1re5raY2y7

 

網頁內容呈現樣貌（圖片）

圖片放大連結：https://photos.app.goo.gl/BftDX8E3hqyxp4Zo7