iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

30天前端之旅:探索web開發的探險日記 系列

踏上一段學習HTML和CSS的冒險旅程。作為一名前端新手,我記錄了這30天來的學習心得與挑戰,從基礎的HTML結構設計到CSS樣式的應用,再到各種互動效果的實現。透過這本日記,我希望能分享自己在這個過程中獲得的寶貴經驗,無論是初學者還是已有基礎的開發者,都能從中獲得啟發與實踐技巧。這段旅程不僅是一個技術的學習過程,更是一段自我突破與成長的探索。期待與大家一同分享這段充滿挑戰與收穫的前端之旅!

參賽天數 19 天 | 共 19 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文 團隊NUTC_IMAC
DAY 1

探險日記 DAY 1

開賽前言鐵人賽開跑啦~這是我第一次參加這樣的挑戰賽,心情充滿了興奮和期待。 這次挑戰賽不僅是一次技能挑戰,更是一次自我提升的機會。我期待透過挑戰賽能夠深入學習開...

2024-09-10 ‧ 由 yillun 分享
DAY 2

探險日記 DAY 2

第二天我們延續前一天的,今天要認識的是<body>中的標籤和架構 以下這張圖是HTML的基本架構主要由header標頭、main主要內容、foote...

2024-09-11 ‧ 由 yillun 分享
DAY 3

探險日記 DAY 3

今天我們來認識HTML基本標籤 1、文字格式標籤 <b>:粗體字 <i>:斜體字 <sup>:上標 <sub...

2024-09-12 ‧ 由 yillun 分享
DAY 4

探險日記 DAY 4

昨天介紹完基本標籤,除了基本標籤外還有許多實用的標籤!那就讓我們來看看表格標籤~ 表格標籤 <table>:定義表格 <caption&...

2024-09-13 ‧ 由 yillun 分享
DAY 5

探險日記 DAY 5

在HTML中的列表讓我們可以組織和呈現資訊,無論是列出物品、步驟或定義詞彙。HTML 支援三種主要的列表類型:無序列表、有序列表 和 描述列表。 今天我們來看無...

2024-09-14 ‧ 由 yillun 分享
DAY 6

探險日記 DAY 6

昨天看完無序列表,今天我們來認識有序列表~ 有序列表(<ol>) 有序列表用來顯示需要排序的項目,如步驟、流程或排行。默認情況下,項目前面會顯示數字...

2024-09-15 ‧ 由 yillun 分享
DAY 7

探險日記 DAY 7

認識完無序列表跟有序列表後,今天我們來介紹描述列表~~ 描述列表(<dl>,<dt>,<dd>) 用來展示項目及其定義的列表...

2024-09-16 ‧ 由 yillun 分享
DAY 8

探險日記 DAY 8

今天我們來看看表單標籤跟屬性~ <form> 是最重要的表單標籤,定義了一個表單,用來接收用戶數據並提交到伺服器。 常用屬性: action:指...

2024-09-17 ‧ 由 yillun 分享
DAY 9

探險日記 DAY 9

今天要介紹的是<input>中的type屬性~ <input>是表單中常見的標籤,用來接收用戶輸入。 根據type屬性,可以接收不同類型...

2024-09-18 ‧ 由 yillun 分享
DAY 10

探險日記 DAY 10

今天接著介紹type屬性的下半部分~ 1.checkbox : 複選框,可以選擇多個項目。 <form> <label for=&qu...

2024-09-19 ‧ 由 yillun 分享