iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

跟著 OXXO 一起學 HTML 系列

吳柏毅 ( Uber Eats ) 什麼都點得到,就是點不到 HTML,對吧!?
由於 HTML 這麼簡單,大家都不太想分享,既然如此那我就來分享一下吧,透過鐵人賽分享 HTML 的相關知識,相信對於要入門網頁的朋友來說,一定非常實用喔!

----
大家好,我是 OXXO.STUDIO,我在 2021 年成立了 STEAM 教育學習網,在網站裡,我已經撰寫超過 1000 篇以上的教學文章,也包含了快 100 篇的 HTML 教學,這次會從我撰寫的文章中挑選相關內容分享,希望大家會喜歡。

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

( Day 1 ) 認識 HTML

HTML 是所有網頁的基礎,不論是透過軟體設計網頁,還是直接撰寫程式碼,甚至是透過後端伺服器產生網頁,最後都一定是透過 HTML 來呈現,而且因為 HTML 屬...

2023-09-01 ‧ 由 oxxo 分享
DAY 2

( Day 2 ) 使用 HTML 編輯器

所有可以編輯「純文字」的編輯器,都能作為 HTML 的編輯器使用,但有些比較優秀的編輯器,提供了「程式碼上色」、「除錯」、「快速產生程式碼」等功能,利用這些編輯...

2023-09-02 ‧ 由 oxxo 分享
DAY 3

( Day 3.1 ) HTML 標籤與架構

所有的網頁的 HTML 內容都是由標籤組成,呈現的「基本架構」也都差不多,差別只在於內容組成、編排、框架、樣式...等的不同 ( 就像每個人類的身體骨架結構都相...

2023-09-03 ‧ 由 oxxo 分享
DAY 3

( Day 3.2 ) HTML 格式規範

雖然 HTML 是一種容錯彈性很大的標記語言,就算格式或語法寫錯還是可以顯示 ( 但結果可能會不如預期 ),但在撰寫語法上仍然要遵照一些格式規範,才能確保產生出...

2023-09-03 ‧ 由 oxxo 分享
DAY 4

( Day 4.1 ) HTML 縮排與註解

在撰寫 HTML 的時候,常常會需要使用「縮排」和「註解」,縮排可以讓 HTML 裡的不同段落和不同元素更為清楚,註解可以替 HTML 加上說明,這篇教學將會介...

2023-09-04 ‧ 由 oxxo 分享
DAY 4

( Day 4.2 ) HTML 網址與路徑

實作 HTML 時,常常會用到許多的「網址」( 路徑 ),路徑包含了超連結的網址、圖片網址、外部資源...等,此外,這些路徑又分成絕對路徑和相對路徑,這篇教學會...

2023-09-04 ‧ 由 oxxo 分享
DAY 5

( Day 5.1 ) HTML 元素顯示類型

HTML 的所有元素都有預設的顯示類型,而這些顯示類型是透過 CSS 的 display 屬性進行控制,只有在遇到特殊的網頁版面需求時才需要更動,這篇教學將會介...

2023-09-05 ‧ 由 oxxo 分享
DAY 5

( Day 5.2 ) HTML 元素屬性

HTML 中所有的元素都具有屬性 ( Attributes ),透過屬性的設定,可以調整元素的行為或樣式,這篇教學會介紹 HTML 元素的屬性。 原文參考:H...

2023-09-05 ‧ 由 oxxo 分享
DAY 6

( Day 6.1 ) HTML 色彩表示法

如果要在 HTML 所建構的網頁裡呈現色彩,必須使用對應的色彩代碼,這篇教學會介紹三種色彩表示的方法,透過這些方法,就能讓網頁出現鮮豔豐富的顏色。 原文參考:...

2023-09-06 ‧ 由 oxxo 分享
DAY 6

( Day 6.2 ) HTML 尺寸單位

HTML 裡有許多表示尺寸的單位,例如 px、pt、em、rem、%,有些時候甚至必須搭配特定的單位才能做出特定的效果,這篇教學會介紹 HTML 裡的尺寸單位。...

2023-09-06 ‧ 由 oxxo 分享