iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

從骨架到靈魂:網頁構成三部曲 系列

從零開始,系統性地學習前端開發的三大核心技術:HTML、CSS 與 JavaScript

參賽天數 22 天 | 共 22 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day - 01前言

為什麼是選擇網頁呢? 之所以選擇網頁開發作為挑戰,最大的原因在於它的「高友善度」。不需要昂貴的硬體設備,只要一台能夠正常使用的電腦就能開始動手,此外它的學習門檻...

2025-09-14 ‧ 由 zse2233112 分享
DAY 2

Day - 02 網頁基本概念不可不知!

網頁最基本是由HTML來構成,並用網頁瀏覽器來看我們平常所看見的網頁,網頁分成靜態網頁和動態網頁 靜態網頁是什麼呢? 靜態網頁就像是一份報紙,在印刷廠印好後,上...

2025-09-15 ‧ 由 zse2233112 分享
DAY 3

Day - 03一個簡易的HTML與法概念有哪些呢?

HTML 中,標記 (Tag) 主要分為兩種: 圍堵標記:有開始和結束標記 格式:<起始標記>內容</終止標記>記得要在終止標記前面加個...

2025-09-16 ‧ 由 zse2233112 分享
DAY 4

Day - 04語意為王:打造搜尋引擎秒懂的 HTML5 結構

在過去的 HTML5 之前,網頁設計師常常使用大量的 <div> 標籤指定id在使用CSS來設計網頁這樣的做法雖然可以達到網頁設計的目的,但卻犧牲了...

2025-09-17 ‧ 由 zse2233112 分享
DAY 5

Day - 05 HTML項目列表清單

html項目列表有序列表,無序列表,定義列表說明 有序列表: <ol>與<li>表示一組有順序列表標籤又稱 (Ordered List)...

2025-09-18 ‧ 由 zse2233112 分享
DAY 6

Day - 06 HTML表格

表格能夠幫我們條理分明地安排網頁上的資料,是構成許多網頁版面的基礎。HTML 常用來建立表格的標籤有下面這些:<table> :表示表格的開始和結束...

2025-09-19 ‧ 由 zse2233112 分享
DAY 7

Day - 07HTML表單

為什麼要使用HTML表單?因為要來收集使用者輸入資料,可以和Javascript和Asp來和使用者互動~一個表單會有<form>...</fo...

2025-09-20 ‧ 由 zse2233112 分享
DAY 8

Day - 08 HTML圖片和超連結

html圖片和超連結簡單說明~ 圖片 <img>標籤用於在網頁上嵌入圖片,不需要 </img> 的結束標籤。 src屬性:指圖片檔案的路...

2025-09-21 ‧ 由 zse2233112 分享
DAY 9

Day - 09HTML認識div標記和span&使用註解

html認識div標記和span&使用註解 div 標記 <div> 是 區塊標記且沒有語意,要切出一個區塊時會用 div,且會獨佔一行,前...

2025-09-22 ‧ 由 zse2233112 分享
DAY 10

Day -10 CSS的文字樣式

為什麼需要 CSS呢? CSS是網頁的造型師且能夠讓我們能夠精準地控制文字的每一個細節,CSS又稱層疊樣式表,從字體、大小、顏色到間距和裝飾,打造出兼具美感與易...

2025-09-23 ‧ 由 zse2233112 分享