iT邦幫忙

html教學相關文章
共有 134 則文章

技術 excel vba撈網頁數據問題

對使用excel登入公司網頁內部問題,想請教各位大哥大姐們 公司內部有網路是查詢產品數值,登入時需要輸入員工個人帳號密碼,對這一部份我是小白 1.當我使用exc...

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

技術 ( Day 43 ) 「跟著 OXXO 一起學 HTML」完賽心得

這次鐵人賽我參加了四個主題,其中一個總算完賽了,這個 HTML 的主題加上這篇總共有 90 篇,連續寫了 43 天,希望大家會喜歡~ 這次 IT 鐵人賽,我還...

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

技術 ( Day 42 ) HTML 網頁嵌入 Scratch 創作

Scratch 是一個可以讓程式入門者或學生盡情創作遊戲、動畫或影音的工具,除了可以直接在 Scratch 的平台上進行觀賞,也可以將 Scratch 專案嵌入...

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

技術 ( Day 41 ) HTML 網頁中嵌入 Canva 簡報

Canva 簡報 ( Canva presentation ) 是一個非常好用的線上簡報應用程式,除了可以運用 Canva 裡提供的各種樣板,更可以分享到各個平...

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

技術 ( Day 40 ) HTML 網頁中嵌入 Facebook 影片

在 Facebook 裡除了分享圖片和文字,也會分享許多的影片,這篇教學會介紹如何透過 HTML 的實作,將 Facebook 裡的公開分享的影片,嵌入到自己的...

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

技術 ( Day 39 ) HTML 網頁中嵌入 Facebook 粉絲團

Facebook 是目前世界上最有名的社群網站之一,這篇教學會介紹如何透過 HTML 的實作,在網頁裡面加入 Facebook 粉絲團的功能。 原文參考:網頁...

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

技術 ( Day 38 ) HTML 網頁中嵌入 Twitter ( X ) 推文

Twitter 是目前世界上最有名的社群網站之一,這篇教學會介紹如何透過 HTML 的實作,在網頁裡面加入 Twitter 推文的功能。 原文參考:網頁中嵌入...

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

技術 ( Day 37 ) HTML 網頁中嵌入 Google 試算表圖表

在 Google 試算表 ( Google SpreadSheet ) 裡可以藉由各種數據繪製圖表,這篇教學會介紹如何透過 HTML 的實作,將 Google...

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

技術 ( Day 36 ) HTML 網頁中嵌入 Google 試算表

Google 試算表 ( Google SpreadSheet ) 是非常方便的線上試算表應用程式 ( 類似線上 Excel ),不論是任何的作業系統,只需要打...

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

技術 ( Day 35 ) HTML 網頁中嵌入 Google 文件

Google 文件 ( Google Docs ) 是非常方便的線上文件應用程式 ( 類似線上 Words ),不論是任何的作業系統,只需要打開瀏覽器就能進行文...

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

技術 ( Day 34 ) HTML 網頁中嵌入 Google 簡報

Google 簡報 ( Google Slides ) 是非常方便的線上簡報應用程式 ( 類似線上 PowerPoint ),不論是任何的作業系統,只需要打開瀏...

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

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

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

鐵人賽 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 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 之後才加入的側邊欄區塊元素,通常會放在頁面或某些區塊的側邊作為「側邊欄」使用,也因為是側邊欄的緣故,所以通常會放...

鐵人賽 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; 文章區...