iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

跟著 OXXO 一起學 HTML 系列

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

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

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

( Day 13.4 ) HTML 插入 ( 底線 ) 文字 <ins>

&lt;ins&gt; 插入 ( 底線 ) 文字元素可以在不套用 CSS 樣式的狀態下,將 HTML 的文字加上底線,標示該文字為「插入」的用途 ( inser...

2023-09-13 ‧ 由 oxxo 分享
DAY 14

( Day 14.1 ) HTML 凸顯文字 <mark>

&lt;mark&gt; 凸顯文字元素可以在不套用 CSS 樣式的狀態下,將 HTML 的文字加上黃底,進行凸顯的效果,這篇教學會介紹 &lt;mark&gt;...

2023-09-14 ‧ 由 oxxo 分享
DAY 14

( Day 14.2 ) HTML 小型文字 <small>

&lt;small&gt; 小型文字元素,可以在不套用 CSS 樣式的狀態下,將 HTML 的文字套用較小尺寸的樣式效果,這篇教學會介紹小型文字元素。 原文參...

2023-09-14 ‧ 由 oxxo 分享
DAY 14

( Day 14.3 ) HTML 上標文字 <sup>、下標文字 <sub>

上標文字 &lt;sup&gt; 和下標文字 &lt;sub&gt; 元素,可以在不套用 CSS 樣式的狀態下,將 HTML 的文字套用上標與下標格式效果,這篇...

2023-09-14 ‧ 由 oxxo 分享
DAY 15

( Day 15.1 ) HTML 引用文字 <blockquote>、<q> 和 <cite>

如果 HTML 有引用別處的內容,通常會使用 &lt;blockquote&gt;、&lt;q&gt; 或 &lt;cite&gt; 來包覆這些內容,,這篇教學...

2023-09-15 ‧ 由 oxxo 分享
DAY 15

( Day 15.2 ) HTML 預先格式化 <pre>

&lt;pre&gt; 預先格式化元素 ( preformatted text ) 可以保留原始文字內容格式,不論是空白或換行都會被保留,加上預設等寬字的屬性,...

2023-09-15 ‧ 由 oxxo 分享
DAY 15

( Day 15.3 ) HTML 程式碼內容 <code>

&lt;code&gt; 程式碼內容元素會使用「monospace 等寬字體」,在 HTML 裡進行程式碼的顯示,這篇教學會介紹 &lt;code&gt; 程式...

2023-09-15 ‧ 由 oxxo 分享
DAY 15

( Day 15.4 ) HTML 收折文字內容 <details>、<summary>

&lt;details&gt; 收折文字內容元素可以將一段文字內容收折隱藏,收折後會出現一個三角形圖示,點擊三角形圖示可以將文字展開,使用時常搭配 &lt;su...

2023-09-15 ‧ 由 oxxo 分享
DAY 16

( Day 16.1 ) HTML 標示注音 <ruby>、<rt> 和 <rp>

如果在 HTML 裡想要「替中文字加上注音」,可以使用 &lt;ruby&gt; 和 &lt;rt&gt; 顯示中文字注音 ( 或拼音 ) 的功能,,這篇教學會...

2023-09-16 ‧ 由 oxxo 分享
DAY 16

( Day 16.2 ) HTML 標示聯絡方式 <address>

&lt;address&gt; 標示聯絡方式元素可以在不套用 CSS 樣式的狀態下,將 HTML 的文字變成斜體字,並在標籤語意上強調是「聯絡方式」,這篇教學會...

2023-09-16 ‧ 由 oxxo 分享