<audio> 播放聲音元素可以在 HTML 裡讀取並播放指定格式的聲音,也可以搭配 <source> 元素,載入不同格式聲音,這篇教學...
<video> 播放影片元素可以在 HTML 裡讀取並播放指定格式的影片,甚至可以搭配 <source> 和 <track>...
<footer> 是進入 HTML5 之後加入的頁尾區塊元素,通常會放在頁面或某些區塊的最下方作為「頁尾」使用,這篇文章將會介紹 <foote...
<figure> 和 <figcaption> 是進入 HTML5 之後才加入的引用區塊元素,主要會搭配網頁內容,進行引用文字、圖片、圖...
前面講了HTML和CSS的基本使用 但要從零開始做成一個像平常看到的網站一樣,美美的以及複雜的功能性 是要有美術細胞以及花費大量的時間的。 此時如果只是想要快速...
<nav> 是進入 HTML5 之後才加入的導航連結區塊元素,裡面會放入網頁的主要的導覽連結 ( navigational links ),這篇文章...
<aside> 是進入 HTML5 之後才加入的側邊欄區塊元素,通常會放在頁面或某些區塊的側邊作為「側邊欄」使用,也因為是側邊欄的緣故,所以通常會放...
每次在主機上改東西都要下一堆指令,這對我這個萌新實在是太不友善了,所以今天要直接在 VSCode 中修改遠端主機上的 HTML 檔案 在 VSCode 中連...
<article> 是進入 HTML5 之後才加入的文章區塊元素,通常會放入標題與大量文字內容,這篇文章將會介紹 <article> 文...
<section> 是進入 HTML5 之後才加入的章節區塊元素,通常會放入標題與一些內容,這篇文章將會介紹 <section> 文章區...
前一天我們已經有資料了 { "name": "王小明", "jobTitle": "...
<main> 是進入 HTML5 之後才加入的主要區塊元素,通常一個網頁只會有一個 <main>,裡面會放入整個網頁的主要內容,這篇文章...
<header> 是進入 HTML5 之後才加入的頁首區塊元素,通常會放在頁面或某些區塊的上方作為「頁首」使用,這篇文章將會介紹 <heade...
HTML 的屬性 href、src 都需要指定檔案路徑才能載入進來,所以這邊補充個關於路徑的小知識。 何謂網頁的根(root)? 指的是網域底下第一層的檔案...
↓ 今日學習重點 ↓ 練習使用 HTML 的各種標籤(tag) 知道 CSS 和 JS 要放在 HTML 的哪裡? 今天,讓我們來了解一份簡單...
<fieldset> 是 HTML 表單裡的分組元素,可以將表單裡同類型或同樣意義的元素進行分組,這篇文章將會介紹欄位資料清單元素的用法。 原文參...
<datalist> 是 HTML 表單裡的欄位資料清單元素,通常是輔助 <input> 元素使用,讓使用者除了可以輸入內容,也可以使用...
<label> 是 HTML 表單裡的欄位標題元素,通常是作為 <button>、<checkbox> 或 <radi...
<progress> 是 HTML 裡的進度條元素,不只可以在表單中顯示進度,更常常作為「載入中」的等待畫面使用,這篇文章將會介紹 <prog...
<select>、<option> 和 <optgroup> 是 HTML 表單裡的下拉選單元素,<select>...
<button> 是 HTML 表單裡的按鈕元素,通常會放在表單裡面讓使用者點擊,這篇文章將會介紹 <button> 表單按鈕元素的用法...
↓ 今日學習重點 ↓ 了解 HTML 的語法 上一篇文章,我們有建立了一份 HTML 檔案, 那麼這些語法到底是什麼意思呢?讓我們往下看。 HTML...
影片教學 重點回顧 平常瀏覽網頁一定會常碰到需要填寫表單的時候,可能是需要註冊某個網站以獲取該網站提供的服務,或是報名活動填寫個人資料,又或者是購買東西需填寫...
第 05 天:Svelte 中的 HTML 一天下午,我和湯姆搭火車進城,當我們停在中途的中繼站時,他突然跳了起來,拉住我的手肘,言下之意是要我跟他一起下車。...
<textarea> 是 HTML 表單裡的可以讓使用者輸入多行文字的元素,這個元素常出現在許多的留言板或文字編輯器裡,這篇文章將會介紹 <t...
<input> 輸入元素是 HTML 表單元件裡最重要也最特別的元素,<input> 可以根據類型 type 屬性的設定,轉換成不同的輸...
<form> 表單元素是 HTML 裡讓使用者輸入資料,並且讓這些資料傳遞到後端伺服器的元素,雖然隨著 JavaScript 框架的興起,很多功能都...
接下來的系列,要一連串的讓ChatGPT帶我們入門各種網頁前後端技能 預計內容: 本章:javaScrip、html、css、jQuery入門 前端範疇...
影片教學 重點回顧 撰寫HTML時,將相關的元素包裝在一起,有助於網頁的結構性,過去式採用div來作為一個區塊,但過多的div可能會造成混淆,因此,透過HTM...
雖然本系列文的主題是用 LIFF 做 LINE 整人工具,乍看之下只會用到 LINE API (也就是JavaScript)但其實 JavaScript 是應用...