疫情爆發的時候,多出了許多宅在家的時間,看新聞看得很厭煩,於是決定來學個新技能。
好奇心驅使下買了一堂關於網頁開發的線上課程,沒想到因為這個舉動,讓文組的我有了像是去異國旅行的新奇體驗。每當學到一個以前都不知道的知識時,都讓我覺得很有趣,原本一開始連HTML和CSS是什麼的我,漸漸地想要知道更多這方面的知識。
第一次知道鐵人賽,也是第一次參加鐵人賽,打算好好利用這30天把過去學過的內容整理得更清楚。
雖然覺得這件事跟連續30天運動的困難度不相上下,但不去嘗試怎麼知道自己有多少能耐、能堅持多久。
在這個人手一機的時代,沒接觸過網路的人應該不多吧,不管是購物、查資料、追劇都會用到網路,但這個每天都在接觸的東西,我卻在這麼多年過後,才去深入了解網路到底是什麼...
大致了解網路是什麼之後,那每天逛的網頁又是什麼呢? 什麼是網頁? 網頁是一份檔案,通常會儲存在伺服器內,要透過瀏覽器(例如: Firefox,,Google C...
在知道網頁是使用文字編輯器來編寫之後,寫網頁的第一個步驟當然就是安裝文字編輯器啦!因為我很菜,只使用過VS CODE,所以這裡僅分享使用VS CODE的經驗。...
VS CODE安裝好之後,就可以來認識HTML啦~ 開始寫HTML前的步驟 首先,在桌面上新增一個資料夾(可以命名為project),這個資料夾會存放之後寫的網...
HTML元素的組成以下圖為例通常都有一個起始標籤<>和一個結束標籤< / >在起始標籤和結束標籤之間會寫內容,以上面的例子來說,內容就是...
在大致了解了幾個常用的HTML元素之後,或許會有以下的困惑?網頁上的文字顏色有各種顏色,為什麼自己在HTML文件內寫的那些h1或p元素都是黑色的?這時候,就是...
在製作表格之前,要先來了解表格的HTML標籤 表格必備HTML標籤 要製作一個基本的表格,一定會使用到以下四個HTML標籤 table 是表格的外框製作表格...
網頁容器概念網頁上的內容可以被分為排版用的容器(ex: <div> )與元素(ex: <h1>、<p>、<img&g...
盒模型概念 所有的HTML元素就像是箱子一樣(有寬度高度),並且具備以下六個屬性: 寬度width 高度height 內容content 邊框border...
表單是什麼? 表單是用來收集使用者輸入的資料,而這些輸入的資料通常會被送到網頁伺服器來處理或儲存,或是會直接在使用者介面上被更新(例如: 新增項目到清單、隱藏...