iT邦幫忙

鐵人檔案

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

從零開始的HTML 系列

一份最基礎的html學習歷程,預計會在這三十天的每一日分享學習進度,此計畫每天大約花1小時,逐步涵蓋html的基礎知識及應用。

鐵人鍊成 | 共 30 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文 團隊iT 貓貓教
DAY 11

Day 11 雲端字型

CSS中的「雲端字型(Web Fonts)」指的是透過網路加載並應用於網頁的字體,而非依賴用戶端本地安裝的字體。這樣的字型使得開發者可以使用更豐富、多樣的字體,...

2024-08-22 ‧ 由 s_c_o_t_t 分享
DAY 12

Day 12 CSS設定顏色

在CSS中,設定元素的顏色是一個常見且重要的操作,主要透過color和background-color屬性來實現。 文本顏色(color 屬性):color...

2024-08-23 ‧ 由 s_c_o_t_t 分享
DAY 13

Day 13 CSS中替元素加上背景圖

在CSS中,可以使用background-image屬性來為元素設置背景圖片。這個屬性允許你為任何元素(如<div>、<p>或<b...

2024-08-24 ‧ 由 s_c_o_t_t 分享
DAY 14

Day 14 CSS中設定元素的寬度與高度

在CSS中,設定元素的寬度(width)和高度(height)是基本的樣式調整,用來控制元素的大小。這兩個屬性可以使用多種單位來設定,如像素(px)、百分比(%...

2024-08-25 ‧ 由 s_c_o_t_t 分享
DAY 15

Day 15 CSS的項目清單美化

在CSS中,美化項目清單(如<ul>和<ol>)有助於提升網頁的可讀性和視覺吸引力。通過自定義清單項目符號、調整間距、應用背景樣式和文字...

2024-08-26 ‧ 由 s_c_o_t_t 分享
DAY 16

Day 16 CSS中設定「類別(class)」與「ID」

在CSS中,類別(class)和ID是兩種常用的選擇器,用來選定HTML元素並應用樣式。它們的主要差別在於應用範圍和唯一性。 類別(class) 是用於標記一組...

2024-08-27 ‧ 由 s_c_o_t_t 分享
DAY 17

Day 17 CSS版面編排(彈性版面、格線版面)

在CSS中,彈性版面(Flexbox)和格線版面(Grid Layout)是兩種強大的版面設計工具,用來創建響應式和靈活的網頁布局。它們各有特色,適用於不同的場...

2024-08-28 ‧ 由 s_c_o_t_t 分享
DAY 18

Day 18 重置網頁的CSS設定

CSS中的「重置」(CSS Reset)是指移除各個瀏覽器對HTML元素的預設樣式,使網頁在不同瀏覽器中顯示更為一致。每個瀏覽器對HTML元素都有各自的預設樣式...

2024-08-29 ‧ 由 s_c_o_t_t 分享
DAY 19

Day 19 HTML的表單製作

回顧之前HTML的內容,表單製作是個相當重要的環節,在許多網頁中都可以見到它的身影。HTML 中的表單 (Form) 是網頁中用來讓使用者輸入資料的區域,常見於...

2024-08-30 ‧ 由 s_c_o_t_t 分享
DAY 20

Day 20 HTML的常用標籤

以下是 HTML 中 30 個常用標籤及其功能簡介: <html>:整個 HTML 文件的根元素,所有內容都包在這個標籤內。 <hea...

2024-08-31 ‧ 由 s_c_o_t_t 分享