iT邦幫忙

鐵人檔案

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

學習HTML&CSS的30天 系列

為了想寫出自己心中的網頁,因此挑戰自學HTML!

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

[Day11]製作表格

今天的內容要來學習如何在網頁上製作表格,如果需要在網頁上製作時間表、收費表等各種表格時,可以使用 < table > 標籤製作表格。雖然有點複雜,但...

2022-09-26 ‧ 由 沒魚 分享
DAY 12

[Day12]製作表單(上)

網頁上常會出現需要使用者田資料的欄位,例如「聯絡我們」、搜尋框、「註冊會員」等功能,這類功能需要用「表單」功能來製作。因此今天的內容就要聯席製作可以讓使用者輸入...

2022-09-27 ‧ 由 沒魚 分享
DAY 13

[Day13]製作表單(下)

今天的內容要來接續昨天的製作表單(上),昨天學到的東西也會應用到今天的內容裡喔! 那廢話不多說我們趕快開始吧! 製作多選題:核取方塊 < input...

2022-09-28 ‧ 由 沒魚 分享
DAY 14

[Day14]將表單調整得更好用

製作表單時,為了讓使用者更了解每個欄位是什麼,通常會在輸入欄的旁邊加上「姓名」、「電話號碼」等說明文字。這些文字稱為「標籤(label)」,加上標籤後,表單會更...

2022-09-29 ‧ 由 沒魚 分享
DAY 15

[Day15]用區塊元素將內容分組

前面介紹了每種常見網頁元素的標籤。但如果要從零開始建立網頁版面時,可能還是毫無頭緒,不知道要從哪個標籤開始下手。 因此今天要說明如何使用區塊元素排版,第一步便是...

2022-09-30 ‧ 由 沒魚 分享
DAY 16

[Day16]整理常用的 HTML 標籤

因為昨天的內容比較多了些,因此今天會整理有可能使用頻率較高的標籤,當然最好先記住基本結構或內容會用到的標籤啦~ 基本結構、head 內 標籤 用途...

2022-10-01 ‧ 由 沒魚 分享
DAY 17

[Day17]如何在 HTML 中使用 CSS&建立 CSS 檔案

在[Day4]的時候我們已經有稍微介紹了一下 CSS,那麼今天的內容將會分成「學習如何在 HTML 中使用 CSS」與「建立 CSS 檔案」。 首先我們已經知道...

2022-10-02 ‧ 由 沒魚 分享
DAY 18

[Day18]CSS 的基本寫法

和 HTML 一樣,編寫 CSS 原始碼時,也要遵守許多語法規則。那要注意別和 HTML 的寫法搞混囉! CSS 的語法 CSS 原始碼是由選擇器、屬性、...

2022-10-03 ‧ 由 沒魚 分享
DAY 19

[Day19]美化文字或文章

文字是很重要的設計元素,可以編排成文章來傳達訊息,也可以透過美化字體,改變使用者對網站的印象。 今天要說明與文字相關的 CSS 屬性,可以幫助我們設計出美觀的標...

2022-10-04 ‧ 由 沒魚 分享
DAY 20

[Day20]使用雲端字型(Web Fonts)

以前網頁的字體會受到很多限制,因為只有使用者裝置上有安裝的字型才能顯示出來,未安裝的字型會顯示為預設字型。現在有雲端字型可以使用,就算是使用者沒有安裝的字型也能...

2022-10-05 ‧ 由 沒魚 分享