iT邦幫忙

html相關文章
共有 871 則文章

技術 【已解決】為什麼「每回合自動補血」不會動(發錯區)

期望:每個回合戰鬥結束後,雙方補充魔力值30 嘗試:我問過chant gpt 他說邏輯沒問題,可是運作上,無法達成回合補魔效果 請問這是什麼問題? https:...

鐵人賽 Modern Web
跟著 OXXO 一起學 HTML 系列 第 80

技術 ( Day 33 ) HTML 網頁中嵌入 Google 表單 ( 簡易留言板 )

Google 表單 ( Google Forms ) 是非常方便的線上表單應用程式,通常會作為問卷的填表使用,但如果將其嵌入到網頁中,甚至也能當作簡單的留言板,...

技術 2.超連結/圖片/表單/表格

(一)超連結a target: 設定連結的網頁開啟方式1)_blank: 在新的瀏覽器窗口或標簽中打開連結。2)_self: 連結的目標會開啟在目前執行的視窗...

鐵人賽 Modern Web
跟著 OXXO 一起學 HTML 系列 第 79

技術 ( Day 32 ) HTML 網頁中嵌入 Google 日曆 ( 行事曆 )

Google 日曆 ( Google Calendar ) 是非常方便的線上日曆應用程式,不論是任何的作業系統,只需要打開瀏覽器就能看到自己所需的日曆行程,這篇...

鐵人賽 Modern Web
跟著 OXXO 一起學 HTML 系列 第 78

技術 ( Day 31 ) HTML 網頁中嵌入 Google 地圖

Google 地圖 ( Google Maps ) 是目前全球最多人使用的線上地圖,這篇教學會介紹如何透過 HTML 的實作,將 Google 地圖加到網頁中,...

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

技術 ( Day 30 ) HTML 網頁中嵌入 YouTube 影片

YouTube 是目前全球最大的線上影音平台,這篇教學會介紹如何透過 HTML 的實作,將 YouTube 嵌入到網頁中,在網頁裡就能播放 YouTube 影片...

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

技術 ( Day 29.3 ) HTML prompt() 彈出輸入視窗

當網頁執行 JavaScript 的 prompt() 方法時,網頁就會彈出讓使用者「輸入文字」的視窗,透過使用者所輸入的文字,進行接下來的動作,這篇教學會介紹...

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

技術 ( Day 29.2 ) HTML confirm() 彈出確認視窗

當網頁執行 JavaScript 的 confirm() 方法時,網頁就會彈出讓使用者選擇「確認」或「取消」的視窗,同時會根據使用者的選擇,進行接下來的動作,這...

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

技術 ( Day 29.1 ) HTML alert() 彈出警告視窗

當網頁執行 JavaScript 的 alert() 方法時,網頁就會彈出警告視窗,進行提示使用者的動作,這篇教學會介紹兩種呼叫 alert() 開啟警告視窗的...

技術 所有常用HTML標籤的層級和用途

最外層 <html>:整個網頁的結構 <head>:網頁的標題、元資料、外部資源等 <body>:網頁的內容 文章...

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

技術 ( Day 28.3 ) HTML 響應式圖片 <picture>

&lt;picture&gt; 響應式圖片元素可以在 HTML 裡放入適合不同解析度的圖片,當符合特定解析度時,就會顯示對應的圖片 ( 俗稱的響應式設計 ),這...

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

技術 ( Day 28.2 ) HTML 向量圖形 <svg>

&lt;svg&gt; 向量圖形元素是 HTML 裡使用「數學向量公式」繪製圖形的元素,所繪製的圖形就是所謂的 SVG 圖形 ( .svg ),因為向量圖形具有...

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

技術 ( Day 28.1 ) HTML 點陣畫布 <canvas>

&lt;canvas&gt; 點陣畫布元素是 HTML 裡使用「像素」繪製圖案的元素,許多遊戲畫面、動態圖形或 3D 圖形渲染,都會使用 &lt;canvas&...

鐵人賽 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的基本使用 但要從零開始做成一個像平常看到的網站一樣,美美的以及複雜的功能性 是要有美術細胞以及花費大量的時間的。 此時如果只是想要快速...

鐵人賽 SideProject30 DAY 12

技術 Day12. 切版前知識(二) HTML 教學、常用標籤

今天來説說切版時主要用到的技術之一:HTML5。HTML最為人熟知的就是,常用於設計網頁、行動裝置、應用程式等介面設計,網頁瀏覽器能讀取HTML並轉譯成視覺化網...

鐵人賽 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補充 網頁的根、絕對路徑、相對路徑,那些關於路徑的小知識

本篇同步發表於我的 Hashnode 部落格:Eva Chen | 網頁設計師下班後 (hashnode.dev) HTML 的屬性 href、src...

鐵人賽 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; 元素使用,讓使用者除了可以輸入內容,也可以使用...