iT邦幫忙

鐵人檔案

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

從零開始前端學習(HTML、CSS、JavaScript) 系列

主要學習順序以HTML > CSS > JavaScript此順序為主
歡迎大家一起學習,若筆記內有不懂的地方可以留言一起進步
筆記若有錯誤或有更好的表達方式也麻煩指正,謝謝。

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

Day 01 HTML<常用標籤>

標題標籤** <h1> - <h6> (一級標題 - 六級標題) 文字粗體與大小 從h1為最粗最大 至h6為最細最小 標題標籤範例...

2021-09-11 ‧ 由 a0265392_lin 分享
DAY 2

Day 02 HTML<表格標籤>

表格標籤主要用來顯示以及展示數據,可用表格標籤排版後讓數據更容易閱讀 1. 表格基礎標籤簡易介紹 ( 以code表示 ) : <table> 表示表...

2021-09-12 ‧ 由 a0265392_lin 分享
DAY 3

Day 03 HTML<列表標籤>

列表標籤可以用來為頁面進行布局 主要分為無序列表、有序列表、自定義列表三大類 1.無序列表 無序列表主要使用的標籤如下 蘋果 香蕉 鳳梨 水蜜桃 哈密瓜 無...

2021-09-13 ‧ 由 a0265392_lin 分享
DAY 4

Day 04 HTML<表單標籤>

表單標籤主要功用是用來收集使用者資料 常用情況 : 註冊頁面... 主要由 表單域、表單元素、提示文字 這三種內容組成 以MOMO註冊頁面為範例: 1.表單域...

2021-09-14 ‧ 由 a0265392_lin 分享
DAY 5

Day 05 CSS <基礎選擇器>

CSS的選擇器分為基礎選擇器以及複合選擇器 本日將先說明基礎選擇器 DAY6將繼續說明複合選擇器 CSS中的基礎選擇器 單個選擇器組成,包含標籤選擇器、類選擇器...

2021-09-15 ‧ 由 a0265392_lin 分享
DAY 6

Day 06 CSS <複合選擇器>

CSS的選擇器分為基礎選擇器以及複合選擇器 本日將將繼續說明複合選擇器 複合選擇器可以更準確更高效的選擇元素(標籤) 是由兩個或多個基礎選擇器透過不同方式組合...

2021-09-16 ‧ 由 a0265392_lin 分享
DAY 7

Day 07 CSS <字體屬性>

CSS Fonts(字體) 屬性 用於定義字體系列、大小、粗細 和文字樣式(ex:斜體) 1.字體系列 font-family 屬性定義文本的字體系列 <...

2021-09-17 ‧ 由 a0265392_lin 分享
DAY 8

Day 08 CSS <文本屬性>

CSS Text 屬性可定義文本的外觀 例如 : 文本的顏色、對齊文本、裝飾文本、文本縮進、行間距 1.文本顏色 color用於定義文本的顏色 div{ co...

2021-09-18 ‧ 由 a0265392_lin 分享
DAY 9

Day 09 CSS <背景屬性>

CSS背景屬性 可以給頁面元素添加背景樣式 背景屬性可設置背景顏色、背景圖片、背景平舖、背景圖片位置、圖像固定等等 1.背景顏色 background-colo...

2021-09-19 ‧ 由 a0265392_lin 分享
DAY 10

Day 10 CSS <元素顯示模式>

1. 什麼是元素顯示模式 元素顯示模式就是元素(標籤)以什麼方式進行顯示 作用 : 網頁的標籤非常多,了解他們的特點可以更方便的布局網頁 ex : <di...

2021-09-20 ‧ 由 a0265392_lin 分享