iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

文組視角的初學前端筆記 系列

疫情爆發的時候,多出了許多宅在家的時間,看新聞看得很厭煩,於是決定來學個新技能。
好奇心驅使下買了一堂關於網頁開發的線上課程,沒想到因為這個舉動,讓文組的我有了像是去異國旅行的新奇體驗。每當學到一個以前都不知道的知識時,都讓我覺得很有趣,原本一開始連HTML和CSS是什麼的我,漸漸地想要知道更多這方面的知識。
第一次知道鐵人賽,也是第一次參加鐵人賽,打算好好利用這30天把過去學過的內容整理得更清楚。
雖然覺得這件事跟連續30天運動的困難度不相上下,但不去嘗試怎麼知道自己有多少能耐、能堅持多久。







鐵人鍊成 | 共 30 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day1 所以,網路到底是什麼?

在這個人手一機的時代,沒接觸過網路的人應該不多吧,不管是購物、查資料、追劇都會用到網路,但這個每天都在接觸的東西,我卻在這麼多年過後,才去深入了解網路到底是什麼...

2021-09-01 ‧ 由 ptsai129 分享
DAY 2

Day2 網路是一堆電纜構成的,那網頁呢?

大致了解網路是什麼之後,那每天逛的網頁又是什麼呢? 什麼是網頁? 網頁是一份檔案,通常會儲存在伺服器內,要透過瀏覽器(例如: Firefox,,Google C...

2021-09-02 ‧ 由 ptsai129 分享
DAY 3

Day3 寫網頁前的第一步

在知道網頁是使用文字編輯器來編寫之後,寫網頁的第一個步驟當然就是安裝文字編輯器啦!因為我很菜,只使用過VS CODE,所以這裡僅分享使用VS CODE的經驗。...

2021-09-03 ‧ 由 ptsai129 分享
DAY 4

Day4 第一個HTML網頁製作

VS CODE安裝好之後,就可以來認識HTML啦~ 開始寫HTML前的步驟 首先,在桌面上新增一個資料夾(可以命名為project),這個資料夾會存放之後寫的網...

2021-09-04 ‧ 由 ptsai129 分享
DAY 5

Day5 常見的HTML元素

HTML元素的組成以下圖為例通常都有一個起始標籤<>和一個結束標籤< / >在起始標籤和結束標籤之間會寫內容,以上面的例子來說,內容就是...

2021-09-05 ‧ 由 ptsai129 分享
DAY 6

Day6 CSS 是做什麼用的?

在大致了解了幾個常用的HTML元素之後,或許會有以下的困惑?網頁上的文字顏色有各種顏色,為什麼自己在HTML文件內寫的那些h1或p元素都是黑色的?這時候,就是...

2021-09-06 ‧ 由 ptsai129 分享
DAY 7

Day7 用HTML和CSS製作一個表格

在製作表格之前,要先來了解表格的HTML標籤 表格必備HTML標籤 要製作一個基本的表格,一定會使用到以下四個HTML標籤 table 是表格的外框製作表格...

2021-09-07 ‧ 由 ptsai129 分享
DAY 8

Day8 區塊元素與行內元素

網頁容器概念網頁上的內容可以被分為排版用的容器(ex: <div> )與元素(ex: <h1>、<p>、<img&g...

2021-09-08 ‧ 由 ptsai129 分享
DAY 9

Day9 盒模型

盒模型概念 所有的HTML元素就像是箱子一樣(有寬度高度),並且具備以下六個屬性: 寬度width 高度height 內容content 邊框border...

2021-09-09 ‧ 由 ptsai129 分享
DAY 10

Day10 HTML表單元素

表單是什麼? 表單是用來收集使用者輸入的資料,而這些輸入的資料通常會被送到網頁伺服器來處理或儲存,或是會直接在使用者介面上被更新(例如: 新增項目到清單、隱藏...

2021-09-10 ‧ 由 ptsai129 分享