iT邦幫忙

鐵人檔案

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

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

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

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

Day 01 HTML<常用標籤>

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

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

Day 02 HTML<表格標籤>

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

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中的基礎選擇器單個選擇器組成,包含標籤選擇器、類選擇器、i...

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 屬性定義文本的字體系列 &lt;st...

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

Day 08 CSS <文本屬性>

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

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

Day 09 CSS <背景屬性>

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

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

Day 10 CSS <元素顯示模式>

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

2021-09-20 ‧ 由 a0265392_lin 分享