踏上一段學習HTML和CSS的冒險旅程。作為一名前端新手,我記錄了這30天來的學習心得與挑戰,從基礎的HTML結構設計到CSS樣式的應用,再到各種互動效果的實現。透過這本日記,我希望能分享自己在這個過程中獲得的寶貴經驗,無論是初學者還是已有基礎的開發者,都能從中獲得啟發與實踐技巧。這段旅程不僅是一個技術的學習過程,更是一段自我突破與成長的探索。期待與大家一同分享這段充滿挑戰與收穫的前端之旅!
開賽前言鐵人賽開跑啦~這是我第一次參加這樣的挑戰賽,心情充滿了興奮和期待。 這次挑戰賽不僅是一次技能挑戰,更是一次自我提升的機會。我期待透過挑戰賽能夠深入學習開...
第二天我們延續前一天的,今天要認識的是<body>中的標籤和架構 以下這張圖是HTML的基本架構主要由header標頭、main主要內容、foote...
今天我們來認識HTML基本標籤 1、文字格式標籤 <b>:粗體字 <i>:斜體字 <sup>:上標 <sub...
昨天介紹完基本標籤,除了基本標籤外還有許多實用的標籤!那就讓我們來看看表格標籤~ 表格標籤 <table>:定義表格 <caption&...
在HTML中的列表讓我們可以組織和呈現資訊,無論是列出物品、步驟或定義詞彙。HTML 支援三種主要的列表類型:無序列表、有序列表 和 描述列表。 今天我們來看無...
昨天看完無序列表,今天我們來認識有序列表~ 有序列表(<ol>) 有序列表用來顯示需要排序的項目,如步驟、流程或排行。默認情況下,項目前面會顯示數字...
認識完無序列表跟有序列表後,今天我們來介紹描述列表~~ 描述列表(<dl>,<dt>,<dd>) 用來展示項目及其定義的列表...
今天我們來看看表單標籤跟屬性~ <form> 是最重要的表單標籤,定義了一個表單,用來接收用戶數據並提交到伺服器。 常用屬性: action:指...
今天要介紹的是<input>中的type屬性~ <input>是表單中常見的標籤,用來接收用戶輸入。 根據type屬性,可以接收不同類型...
今天接著介紹type屬性的下半部分~ 1.checkbox : 複選框,可以選擇多個項目。 <form> <label for=&qu...