iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

跟著 OXXO 一起學 HTML 系列

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

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

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

( Day 16.3 ) HTML 標示鍵盤按鍵 <kbd>

&lt;kbd&gt; 標示鍵盤按鍵元素在標籤語意上表示「鍵盤輸入按鍵」,或表示其他輸入的指令 ( 例如語音輸入 ),可以在不套用 CSS 樣式的狀態下,將 H...

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

( Day 17.1 ) HTML 標示時間日期 <time>

&lt;time&gt; 標示時間日期元素在標籤語意上表示「時間日期」,如果搜尋引擎如果要抓取時間日期,就會優先從這個標籤著手讀取,這篇教學會介紹 &lt;ti...

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

( Day 17.2 ) HTML 標示縮寫 <abbr>

&lt;abbr&gt; 標示縮寫元素在標籤語意上表示「縮寫」,可以告訴搜尋引擎這是縮寫字,就這篇教學會介紹 &lt;abbr&gt; 標示縮寫元素。 原文參...

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

( Day 17.3 ) HTML 標示可換行位置 <wbr>

當 HTML 裡出現一段很長的英文單字時,往往會根據畫面寬度來進行換行 ( 超過寬度就換行 ),而 &lt;wbr&gt; 標示可換行位置元素可以提示「換行的時...

2023-09-17 ‧ 由 oxxo 分享
DAY 18

( Day 18.1 ) HTML 有序清單 <ol>、<li>

&lt;ol&gt; 和 &lt;li&gt; 是 HTML 裡的有序清單元素,使用後會產生清單列表,並預設使用數字或字母 ( 可指定開頭數字或字母 ) 作為清...

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

( Day 18.2 ) HTML 自訂清單 <dl>、<dt>、<dd>

&lt;dl&gt;、&lt;dt&gt; 和 &lt;dd&gt; 是 HTML 裡的自訂清單元素,使用後會產生自訂的清單列表,這篇文章會介紹 &lt;dl&...

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

( Day 18.3 ) HTML 無序清單 <ul>、<li>

&lt;ul&gt; 和 &lt;li&gt; 是 HTML 裡的無序清單元素,使用後會產生清單列表,並使用預設樣式 ( 或指定樣式 ) 產生清單符號,這篇文章...

2023-09-18 ‧ 由 oxxo 分享
DAY 19

( Day 19.1 ) HTML 表格 <table>、<tr>、<td>

如果要在 HTML 裡放入表格,最基本是使用 &lt;table&gt;、&lt;tr&gt; 和 &lt;td&gt; 來製作表格,這篇教學會介紹如何在 HT...

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

( Day 19.2 ) HTML 表格元素 <th>、<caption>

&lt;caption&gt; 是 HTML 表格裡負責顯示「表格的標題」元素,&lt;th&gt; 則是負責顯示「某一欄或某一列的標題」元素,這篇教學會介紹...

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

( Day 19.3 ) HTML 表格元素 <thead>、<tbody>、<tfoot>

&lt;thead&gt;、&lt;tbody&gt; 和 &lt;tfoot&gt; 是 HTML 裡非必須的表格元素 ( 通常不會特別去使用 ),使用後能讓...

2023-09-19 ‧ 由 oxxo 分享