iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

手把手web初學者 系列

為自己從0學網頁

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

網頁的環境

耶~今天是我鐵人開賽的第一天,我將在這30天裡從頭好好學網頁那開頭就來介紹網頁的環境吧!不知道網頁的初學者們是不是跟我一樣從HTML開始學起的呢? HTML是什...

DAY 2

手把手從VScode上手

上一篇介紹到安裝VScode今天這一篇當然就是我們要開始使用它了~ 這邊先來介紹基本網頁三要素: •HTML•CSS •JavaScript 做網頁時可以想像你...

DAY 3

建立連結的開始-HTML表單介紹

今天我們要來介紹HTML的表單表單在我們網頁非常常見呦~像是登入註冊、報名活動、心理測驗等等...在網頁中表單扮演了你與使用者溝通的橋樑 ▲ IT邦幫忙的登入表...

DAY 4

開始製作HTML表單吧~(一)

昨天介紹完HTML表單常用的元件,今天我們就來時做一個吧~我找了一個申請表作為範例,一起來將此表格做成表單今天先來做表格的第一部分,光是第一部份就打了147行呢...

DAY 5

開始製作HTML表單吧~(二)

嗨~今天我們要繼續把昨天"青年創業及啟動金貸款創業貸款申請表"完成! 檔案:青年創業及啟動金貸款創業貸款申請表 表單第二部分在創建新的表個這...

DAY 6

初探CSS

CSS的全名是 Cascading Style Sheets 階層式樣式表CSS屬性非常非常多,我們目前只需去認識一些常用與實用的有遇到想用其他特殊的風格,再去...

DAY 7

CSS讓你選擇自己的選擇器

嗨~今天我們首先來一一介紹能高效率選取HTML節點的 選擇器(selector) ~ Selectors 選擇器 1. Universal Selector 全...

DAY 8

用CSS打造繽紛的網頁

今天會來介紹比較常用style的屬性~ color color 有好幾種表達顏色的方法,像是可以用 Reserved color、RGB、HEX、HSL等等 ▼...

DAY 9

與切版相遇的這天,用CSS把HTML切一切打包進Box中

所有的HTML的元件都是一箱箱的箱子(Box) 今天來到網頁很重要的一部分是Box Modle Box Model 主要由四個部分組成由內而外分別是 :...

DAY 10

用CSS把這些Box定位

Position HTML先設定出3個BoxBox的顏色分別為:box1 box2 box3 div.container{ width: 500px;...