Twitter 是目前世界上最有名的社群網站之一，這篇教學會介紹如何透過 HTML 的實作，在網頁裡面加入 Twitter 推文的功能。 原文參考：網頁中嵌入...
在 Google 試算表 ( Google SpreadSheet ) 裡可以藉由各種數據繪製圖表，這篇教學會介紹如何透過 HTML 的實作，將 Google...
Google 試算表 ( Google SpreadSheet ) 是非常方便的線上試算表應用程式 ( 類似線上 Excel )，不論是任何的作業系統，只需要打...
Google 文件 ( Google Docs ) 是非常方便的線上文件應用程式 ( 類似線上 Words )，不論是任何的作業系統，只需要打開瀏覽器就能進行文...
Google 簡報 ( Google Slides ) 是非常方便的線上簡報應用程式 ( 類似線上 PowerPoint )，不論是任何的作業系統，只需要打開瀏...
一、導覽列(navbar)是網頁或應用程式界面中常見的一種元素，用於幫助使用者導航和定位到網站或應用的不同部分或功能。它通常位於網頁或應用的頂部或側邊，提供了一...
前言 前三篇已經介紹完 DNS 的原理，今天會來介紹一下 DNS 到底對前端在工作上有什麼幫助，主要分為 2 個： 優化 request speed 設定 d...
期望：每個回合戰鬥結束後，雙方補充魔力值30 嘗試：我問過chant gpt 他說邏輯沒問題，可是運作上，無法達成回合補魔效果 請問這是什麼問題？ https:...
Google 表單 ( Google Forms ) 是非常方便的線上表單應用程式，通常會作為問卷的填表使用，但如果將其嵌入到網頁中，甚至也能當作簡單的留言板，...
(一)超連結a target: 設定連結的網頁開啟方式1)_blank: 在新的瀏覽器窗口或標簽中打開連結。2)_self: 連結的目標會開啟在目前執行的視窗...
Google 日曆 ( Google Calendar ) 是非常方便的線上日曆應用程式，不論是任何的作業系統，只需要打開瀏覽器就能看到自己所需的日曆行程，這篇...
Google 地圖 ( Google Maps ) 是目前全球最多人使用的線上地圖，這篇教學會介紹如何透過 HTML 的實作，將 Google 地圖加到網頁中，...
YouTube 是目前全球最大的線上影音平台，這篇教學會介紹如何透過 HTML 的實作，將 YouTube 嵌入到網頁中，在網頁裡就能播放 YouTube 影片...
當網頁執行 JavaScript 的 prompt() 方法時，網頁就會彈出讓使用者「輸入文字」的視窗，透過使用者所輸入的文字，進行接下來的動作，這篇教學會介紹...
當網頁執行 JavaScript 的 confirm() 方法時，網頁就會彈出讓使用者選擇「確認」或「取消」的視窗，同時會根據使用者的選擇，進行接下來的動作，這...
當網頁執行 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> 文...
oxxo
bensonchen3418
Bonnie1226
luna0228
miku3920
iThome鐵人賽
看影片追技術