iT邦幫忙

html相關文章
共有 855 則文章
鐵人賽 Modern Web DAY 27
跟著 OXXO 一起學 HTML 系列 第 70

技術 ( Day 27.2 ) HTML 播放聲音 <audio>

&lt;audio&gt; 播放聲音元素可以在 HTML 裡讀取並播放指定格式的聲音,也可以搭配 &lt;source&gt; 元素,載入不同格式聲音,這篇教學...

鐵人賽 Modern Web DAY 27
跟著 OXXO 一起學 HTML 系列 第 69

技術 ( Day 27.1 ) HTML 播放影片 <video>

&lt;video&gt; 播放影片元素可以在 HTML 裡讀取並播放指定格式的影片,甚至可以搭配 &lt;source&gt; 和 &lt;track&gt;...

鐵人賽 Modern Web DAY 26
跟著 OXXO 一起學 HTML 系列 第 68

技術 ( Day 26.2 ) HTML 頁尾區塊 <footer>

&lt;footer&gt; 是進入 HTML5 之後加入的頁尾區塊元素,通常會放在頁面或某些區塊的最下方作為「頁尾」使用,這篇文章將會介紹 &lt;foote...

鐵人賽 Modern Web DAY 26
跟著 OXXO 一起學 HTML 系列 第 67

技術 ( Day 26.1 ) HTML 引用區塊 <figure>、<figcaption>

&lt;figure&gt; 和 &lt;figcaption&gt; 是進入 HTML5 之後才加入的引用區塊元素,主要會搭配網頁內容,進行引用文字、圖片、圖...

鐵人賽 Modern Web DAY 10

技術 【DAY10】Bootstrap樣板 & Live Server

前面講了HTML和CSS的基本使用 但要從零開始做成一個像平常看到的網站一樣,美美的以及複雜的功能性 是要有美術細胞以及花費大量的時間的。 此時如果只是想要快速...

鐵人賽 Modern Web DAY 25
跟著 OXXO 一起學 HTML 系列 第 66

技術 ( Day 25.2 ) HTML 導航連結區塊 <nav>

&lt;nav&gt; 是進入 HTML5 之後才加入的導航連結區塊元素,裡面會放入網頁的主要的導覽連結 ( navigational links ),這篇文章...

鐵人賽 Modern Web DAY 25
跟著 OXXO 一起學 HTML 系列 第 65

技術 ( Day 25.1 ) HTML 側邊欄區塊 <aside>

&lt;aside&gt; 是進入 HTML5 之後才加入的側邊欄區塊元素,通常會放在頁面或某些區塊的側邊作為「側邊欄」使用,也因為是側邊欄的緣故,所以通常會放...

鐵人賽 DevOps DAY 9

技術 【Walking Skeleton】Day09 - 用 VSCode 連線進 EC2 修改網頁內容

每次在主機上改東西都要下一堆指令,這對我這個萌新實在是太不友善了,所以今天要直接在 VSCode 中修改遠端主機上的 HTML 檔案 在 VSCode 中連...

鐵人賽 Modern Web DAY 24
跟著 OXXO 一起學 HTML 系列 第 64

技術 ( Day 24.2 ) HTML 文章區塊 <article>

&lt;article&gt; 是進入 HTML5 之後才加入的文章區塊元素,通常會放入標題與大量文字內容,這篇文章將會介紹 &lt;article&gt; 文...

鐵人賽 Modern Web DAY 24
跟著 OXXO 一起學 HTML 系列 第 63

技術 ( Day 24.1 ) HTML 章節區塊 <section>

&lt;section&gt; 是進入 HTML5 之後才加入的章節區塊元素,通常會放入標題與一些內容,這篇文章將會介紹 &lt;section&gt; 文章區...

鐵人賽 AI & Data DAY 8

技術 生成式A.I.(AIGC)從0開始 - 第一個LLMs小應用 - 履歷產生器 (4) 串接前端頁面

前一天我們已經有資料了 { &quot;name&quot;: &quot;王小明&quot;, &quot;jobTitle&quot;: &quot...

鐵人賽 Modern Web DAY 23
跟著 OXXO 一起學 HTML 系列 第 62

技術 ( Day 23.2 ) HTML 主要區塊 <main>

&lt;main&gt; 是進入 HTML5 之後才加入的主要區塊元素,通常一個網頁只會有一個 &lt;main&gt;,裡面會放入整個網頁的主要內容,這篇文章...

鐵人賽 Modern Web DAY 23
跟著 OXXO 一起學 HTML 系列 第 61

技術 ( Day 23.1 ) HTML 頁首區塊 <header>

&lt;header&gt; 是進入 HTML5 之後才加入的頁首區塊元素,通常會放在頁面或某些區塊的上方作為「頁首」使用,這篇文章將會介紹 &lt;heade...

鐵人賽 Modern Web DAY 7

技術 #06補充 網頁的根、絕對路徑、相對路徑,那些關於路徑的小知識

HTML 的屬性 href、src 都需要指定檔案路徑才能載入進來,所以這邊補充個關於路徑的小知識。 何謂網頁的根(root)? 指的是網域底下第一層的檔案...

鐵人賽 Modern Web DAY 7

技術 #06 寫一份簡單的 HTML,常用 HTML Tag 總整理

↓ 今日學習重點 ↓ 練習使用 HTML 的各種標籤(tag) 知道 CSS 和 JS 要放在 HTML 的哪裡? 今天,讓我們來了解一份簡單...

鐵人賽 Modern Web DAY 22
跟著 OXXO 一起學 HTML 系列 第 60

技術 ( Day 22.3 ) HTML 表單元素分組 <fieldset>

&lt;fieldset&gt; 是 HTML 表單裡的分組元素,可以將表單裡同類型或同樣意義的元素進行分組,這篇文章將會介紹欄位資料清單元素的用法。 原文參...

鐵人賽 Modern Web DAY 22
跟著 OXXO 一起學 HTML 系列 第 59

技術 ( Day 22.2 ) HTML 欄位資料清單 <datalist>

&lt;datalist&gt; 是 HTML 表單裡的欄位資料清單元素,通常是輔助 &lt;input&gt; 元素使用,讓使用者除了可以輸入內容,也可以使用...

鐵人賽 Modern Web DAY 22
跟著 OXXO 一起學 HTML 系列 第 58

技術 ( Day 22.1 ) HTML 欄位標題 <label>

&lt;label&gt; 是 HTML 表單裡的欄位標題元素,通常是作為 &lt;button&gt;、&lt;checkbox&gt; 或 &lt;radi...

鐵人賽 Modern Web DAY 21
跟著 OXXO 一起學 HTML 系列 第 57

技術 ( Day 21.3 ) HTML 進度條 <progress>

&lt;progress&gt; 是 HTML 裡的進度條元素,不只可以在表單中顯示進度,更常常作為「載入中」的等待畫面使用,這篇文章將會介紹 &lt;prog...

鐵人賽 Modern Web DAY 21
跟著 OXXO 一起學 HTML 系列 第 56

技術 ( Day 21.2 ) HTML 下拉選單 <select>、<option>、<optgroup>

&lt;select&gt;、&lt;option&gt; 和 &lt;optgroup&gt; 是 HTML 表單裡的下拉選單元素,&lt;select&gt...

鐵人賽 Modern Web DAY 21
跟著 OXXO 一起學 HTML 系列 第 55

技術 ( Day 21.1 ) HTML 按鈕 <button>

&lt;button&gt; 是 HTML 表單裡的按鈕元素,通常會放在表單裡面讓使用者點擊,這篇文章將會介紹 &lt;button&gt; 表單按鈕元素的用法...

鐵人賽 Modern Web DAY 6

技術 #05 HTML 基礎語法

↓ 今日學習重點 ↓ 了解 HTML 的語法 上一篇文章,我們有建立了一份 HTML 檔案, 那麼這些語法到底是什麼意思呢?讓我們往下看。 HTML...

鐵人賽 影片教學 DAY 5

技術 一起來實作響應式網頁設計:HTML的表單元素 Day5

影片教學 重點回顧 平常瀏覽網頁一定會常碰到需要填寫表單的時候,可能是需要註冊某個網站以獲取該網站提供的服務,或是報名活動填寫個人資料,又或者是購買東西需填寫...

鐵人賽 Modern Web DAY 5
了不起的 Svelte 系列 第 5

技術 第 05 天:Svelte 中的 HTML

第 05 天:Svelte 中的 HTML 一天下午,我和湯姆搭火車進城,當我們停在中途的中繼站時,他突然跳了起來,拉住我的手肘,言下之意是要我跟他一起下車。...

鐵人賽 Modern Web DAY 20
跟著 OXXO 一起學 HTML 系列 第 54

技術 ( Day 20.3 ) HTML 行文字輸入 <textarea>

&lt;textarea&gt; 是 HTML 表單裡的可以讓使用者輸入多行文字的元素,這個元素常出現在許多的留言板或文字編輯器裡,這篇文章將會介紹 &lt;t...

鐵人賽 Modern Web DAY 20
跟著 OXXO 一起學 HTML 系列 第 53

技術 ( Day 20.2 ) HTML 輸入 <input>

&lt;input&gt; 輸入元素是 HTML 表單元件裡最重要也最特別的元素,&lt;input&gt; 可以根據類型 type 屬性的設定,轉換成不同的輸...

鐵人賽 Modern Web DAY 20
跟著 OXXO 一起學 HTML 系列 第 52

技術 ( Day 20.1 ) HTML 表單 <form>

&lt;form&gt; 表單元素是 HTML 裡讓使用者輸入資料,並且讓這些資料傳遞到後端伺服器的元素,雖然隨著 JavaScript 框架的興起,很多功能都...

鐵人賽 自我挑戰組 DAY 6

技術 【Day6】ChatGPT請教教我:網頁基礎入門 - Html、JavaScript、CSS

接下來的系列,要一連串的讓ChatGPT帶我們入門各種網頁前後端技能 預計內容: 本章:javaScrip、html、css、jQuery入門 前端範疇...

鐵人賽 影片教學 DAY 4

技術 一起來實作響應式網頁設計:HTML新增的結構元素 Day4

影片教學 重點回顧 撰寫HTML時,將相關的元素包裝在一起,有助於網頁的結構性,過去式採用div來作為一個區塊,但過多的div可能會造成混淆,因此,透過HTM...

鐵人賽 Software Development DAY 5

技術 [Day5] 不懂HTML 還想學會整人 ㄏㄚˋ😱

雖然本系列文的主題是用 LIFF 做 LINE 整人工具,乍看之下只會用到 LINE API (也就是JavaScript)但其實 JavaScript 是應用...