iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

跟著 OXXO 一起學 HTML 系列

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

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

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

( Day 7.1 ) HTML 特殊字元

由於 HTML 是標記語言,在撰寫語法時常常會使用一些特殊字元作為標記,例如大於小於符號、單引號雙引號...等,因此如果想要透過瀏覽器呈現這些字元,就必須使用指...

2023-09-07 ‧ 由 oxxo 分享
DAY 7

( Day 7.2 ) 如何觀察 HTML 原始碼

學習 HTML 除了要會撰寫程式語法,也需要了解如何觀察一份網頁的 HTML 原始碼,這篇教學會介紹使用瀏覽器觀察 HTML 原始碼的方法。 原文參考:如何觀...

2023-09-07 ‧ 由 oxxo 分享
DAY 8

( Day 8.1 ) HTML 套用 CSS 樣式

如果說 HTML 負責建構網頁的骨架,CSS 就是負責處理網頁的外觀,這篇教學將會介紹 HTML 裡三種套用 CSS 的方法。 原文參考:HTML 套用 CS...

2023-09-08 ‧ 由 oxxo 分享
DAY 8

( Day 8.2 ) HTML 套用 JavaScript

如果說 HTML 負責建構網頁的骨架、CSS 負責網頁的外觀,JavaScript 就是負責網頁的「動作程式」,這篇教學將會介紹 HTML 裡三種套用 Java...

2023-09-08 ‧ 由 oxxo 分享
DAY 9

( Day 9.1 ) HTML 網頁標題 <title>

&lt;title&gt; 是 HTML 裡標記「網頁標題」的元素,該元素並不會在頁面裡顯示,反而會顯示在瀏覽器的頁籤,或是儲存為「我的最愛」或「書籤」時的名稱...

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

( Day 9.2 ) HTML 網頁資訊 <meta>

&lt;meta&gt; 是 HTML 裡標記「網頁資訊」的元素,該元素不會顯示在頁面中,主要目的是將這份網頁的資訊,提供給瀏覽器、社群網站或搜尋引擎使用,這篇...

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

( Day 9.3 ) HTML 載入外部資源 <link>

&lt;link&gt; 是 HTML 裡負責「載入外部資源」的元素,該元素不會在頁面裡顯示,通常作為標記 favicon 圖示與載入 CSS 檔案使用,這篇教...

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

( Day 9.4 ) HTML 重設根目錄 <base>

&lt;base&gt; 是 HTML 裡「重設根目錄」的元素,該元素並不會在頁面裡顯示,主要作用可以設定「相對路徑的根目錄」,這篇教學會介紹 &lt;base...

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

( Day 10.1 ) HTML 標題 <h1>~<h6>

在 HTML 的內容裡,會使用 &lt;h1&gt;~&lt;h6&gt; 的標籤代表標題元素 ( heading ),在不需要設定任何樣式的狀態下,文字會自動...

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

( Day 10.2 ) HTML 段落 <p>

雖然在 HTML 的裡直接輸入文字,文字也會正常顯示,但通常會使用 &lt;p&gt; 包覆需要分段的文字內容,如此一來不僅能讓 HTML 的架構更為明確,調整...

2023-09-10 ‧ 由 oxxo 分享