當網頁執行 JavaScript 的 alert() 方法時，網頁就會彈出警告視窗，進行提示使用者的動作，這篇教學會介紹兩種呼叫 alert() 開啟警告視窗的...
最外層 <html>：整個網頁的結構 <head>：網頁的標題、元資料、外部資源等 <body>：網頁的內容 文章...
<picture> 響應式圖片元素可以在 HTML 裡放入適合不同解析度的圖片，當符合特定解析度時，就會顯示對應的圖片 ( 俗稱的響應式設計 )，這...
<svg> 向量圖形元素是 HTML 裡使用「數學向量公式」繪製圖形的元素，所繪製的圖形就是所謂的 SVG 圖形 ( .svg )，因為向量圖形具有...
<canvas> 點陣畫布元素是 HTML 裡使用「像素」繪製圖案的元素，許多遊戲畫面、動態圖形或 3D 圖形渲染，都會使用 <canvas&...
<audio> 播放聲音元素可以在 HTML 裡讀取並播放指定格式的聲音，也可以搭配 <source> 元素，載入不同格式聲音，這篇教學...
<video> 播放影片元素可以在 HTML 裡讀取並播放指定格式的影片，甚至可以搭配 <source> 和 <track>...
<footer> 是進入 HTML5 之後加入的頁尾區塊元素，通常會放在頁面或某些區塊的最下方作為「頁尾」使用，這篇文章將會介紹 <foote...
<figure> 和 <figcaption> 是進入 HTML5 之後才加入的引用區塊元素，主要會搭配網頁內容，進行引用文字、圖片、圖...
前面講了HTML和CSS的基本使用 但要從零開始做成一個像平常看到的網站一樣，美美的以及複雜的功能性 是要有美術細胞以及花費大量的時間的。 此時如果只是想要快速...
今天來説說切版時主要用到的技術之一：HTML5。HTML最為人熟知的就是，常用於設計網頁、行動裝置、應用程式等介面設計，網頁瀏覽器能讀取HTML並轉譯成視覺化網...
<nav> 是進入 HTML5 之後才加入的導航連結區塊元素，裡面會放入網頁的主要的導覽連結 ( navigational links )，這篇文章...
<aside> 是進入 HTML5 之後才加入的側邊欄區塊元素，通常會放在頁面或某些區塊的側邊作為「側邊欄」使用，也因為是側邊欄的緣故，所以通常會放...
每次在主機上改東西都要下一堆指令，這對我這個萌新實在是太不友善了，所以今天要直接在 VSCode 中修改遠端主機上的 HTML 檔案 在 VSCode 中連...
<article> 是進入 HTML5 之後才加入的文章區塊元素，通常會放入標題與大量文字內容，這篇文章將會介紹 <article> 文...
<section> 是進入 HTML5 之後才加入的章節區塊元素，通常會放入標題與一些內容，這篇文章將會介紹 <section> 文章區...
前一天我們已經有資料了 { "name": "王小明", "jobTitle": "...
<main> 是進入 HTML5 之後才加入的主要區塊元素，通常一個網頁只會有一個 <main>，裡面會放入整個網頁的主要內容，這篇文章...
<header> 是進入 HTML5 之後才加入的頁首區塊元素，通常會放在頁面或某些區塊的上方作為「頁首」使用，這篇文章將會介紹 <heade...
本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) HTML 的屬性 href、src...
<fieldset> 是 HTML 表單裡的分組元素，可以將表單裡同類型或同樣意義的元素進行分組，這篇文章將會介紹欄位資料清單元素的用法。 原文參...
<datalist> 是 HTML 表單裡的欄位資料清單元素，通常是輔助 <input> 元素使用，讓使用者除了可以輸入內容，也可以使用...
<label> 是 HTML 表單裡的欄位標題元素，通常是作為 <button>、<checkbox> 或 <radi...
本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 練習使用...
<progress> 是 HTML 裡的進度條元素，不只可以在表單中顯示進度，更常常作為「載入中」的等待畫面使用，這篇文章將會介紹 <prog...
<select>、<option> 和 <optgroup> 是 HTML 表單裡的下拉選單元素，<select>...
<button> 是 HTML 表單裡的按鈕元素，通常會放在表單裡面讓使用者點擊，這篇文章將會介紹 <button> 表單按鈕元素的用法...
本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解 HT...
影片教學 重點回顧 平常瀏覽網頁一定會常碰到需要填寫表單的時候，可能是需要註冊某個網站以獲取該網站提供的服務，或是報名活動填寫個人資料，又或者是購買東西需填寫...
第 05 天：Svelte 中的 HTML 一天下午，我和湯姆搭火車進城，當我們停在中途的中繼站時，他突然跳了起來，拉住我的手肘，言下之意是要我跟他一起下車。...
oxxo
Bonnie1226
luna0228
miku3920
shrine90459
Eva Chen
coding19
ithomemhjao
iThome鐵人賽
看影片追技術