iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

Web互動式網頁 系列

這是一篇有關Web互動式網頁的新手入門指南以及我在Web互動式網頁的學習心得。

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

DAY01 踏上互動式網頁的旅程吧!

大家好,我是LX !2023年鐵人賽開跑拉,這次將學習互動式網頁的點滴成果寫成鐵人賽文分享給大家! 之所以會選擇互動式網頁是看到有些商品介紹頁面(不是一頁式的詐...

2023-09-12 ‧ 由 louxin17 分享
DAY 2

DAY02 認識HTML長老

來介紹一下長老HTML(HyperText Markup Language 取大寫部分) 根據維基百科記載:HTML5是由全球資訊網協會(W3C)於2014年1...

2023-09-13 ‧ 由 louxin17 分享
DAY 3

DAY03 認識HTML結構

今天我們來認識HTML的基本結構,先來新增一個檔案名為app.html再用VScode打開它。 在第一行打上一個驚嘆號(!) 出現快捷選項選第一個按下Enter...

2023-09-14 ‧ 由 louxin17 分享
DAY 4

DAY04 認識HTML的基本標籤

當我們在HTML中寫程式時,必定會包含以下這些標籤:<!DOCTYPE>, <html>, <head>, 和 <bo...

2023-09-15 ‧ 由 louxin17 分享
DAY 5

DAY05 認識HTML的表格標籤與列表標籤

在HTML中,還有許多有趣且實用的標籤與使用者互動的元素,今天要來介紹表格標籤與列表標籤。馬上來看看吧! 一、表格標籤<table>, <tr...

2023-09-16 ‧ 由 louxin17 分享
DAY 6

DAY06 認識HTML的表單標籤

HTML表單標籤是互動設計中不可或缺的一部分,透過收集用戶輸入的數據、執行搜索、註冊、訂閱等來實現各種互動功能。我們了解一些常見的HTML表單標籤以及如何使用它...

2023-09-17 ‧ 由 louxin17 分享
DAY 7

DAY07 給HTML畫個妝-認識CSS

CSS全名為層疊樣式表(Cascading Style Sheets)圖片來源用來控制網頁外觀和佈局的語言,可以定義網頁元素的外觀、顏色、大小、位置等視覺效果讓...

2023-09-18 ‧ 由 louxin17 分享
DAY 8

DAY08 CSS選擇器

Q: 既然我們要用CSS來設計網頁外觀和佈局,那要如何選擇我們要的元素以及改變外觀呢?A:當然是通過選擇器(Selectors) 與屬性和值來完成外觀的選擇的啦...

2023-09-19 ‧ 由 louxin17 分享
DAY 9

DAY09 CSS屬性和值

根據昨天的問答... Q: 既然我們要用CSS來設計網頁外觀和佈局,那要如何選擇我們要的元素以及改變外觀呢?A:當然是通過選擇器(Selectors) 與屬性...

2023-09-20 ‧ 由 louxin17 分享
DAY 10

DAY10 CSS盒模型(box)與佈局

除了把字體調整成我們要的大小與顏色之外,我們也會想自己安排布局讓網頁變得更漂亮更好看一些。CSS盒模型就派上用場啦! 定義是每個HTML元素都由一個個矩形盒子所...

2023-09-21 ‧ 由 louxin17 分享