iT邦幫忙

html相關文章
共有 855 則文章

技術 好想工作室 Web Camp 第 15 梯招生

我是 Chris,從 2017 年起在好想工作室擔任 Web Camp Mentor 至今,培訓許多屆的 Web Camp 學員,這次我們要招收 Web Ca...

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

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

技術 ㊙️千萬不要轉職前端工程師 ! ?

嗨,大家好,我是前端工程師(小宇) 我身邊的朋友常常問我說,成為前端工程師學歷是不是一定要有相關的資訊背景才會被公司錄取?我可以肯定的說不用,我面試多家公司的經...

鐵人賽 Modern Web DAY 29
了不起的 Svelte 系列 第 29

技術 第 29 天:Svelte 在 HTML 元素上的修飾

第 29 天:Svelte 在 HTML 元素上的修飾 第 29 天要講的事 複習 Svelte 在 HTML 元素上的修飾 HTML 元素的 class 及...

鐵人賽 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 裡的公開分享的影片,嵌入到自己的...

鐵人賽 自我挑戰組 DAY 24

技術 [DAY 24] 開發網頁來控制門鎖開關

嗨~各位我們今天來開發網頁來控制門鎖開關,首先我們會需要先撰寫HTML檔,我會把撰寫內容放在底下,接下來我們會用Thonny來撰寫ESP32的程式碼哦! 實驗簡...

鐵人賽 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 ),不論是任何的作業系統,只需要打開瀏覽器就能進行文...

技術 6.整合CSS和html

一、導覽列(navbar)是網頁或應用程式界面中常見的一種元素,用於幫助使用者導航和定位到網站或應用的不同部分或功能。它通常位於網頁或應用的頂部或側邊,提供了一...

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

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

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

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

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

鐵人賽 自我挑戰組 DAY 18

技術 [Day 18] 網路常識 - (4) 什麼是 DNS? 跟前端有什麼關係? - DNS 在前端的應用

前言 前三篇已經介紹完 DNS 的原理,今天會來介紹一下 DNS 到底對前端在工作上有什麼幫助,主要分為 2 個: 優化 request speed 設定 d...

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

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

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

技術 1.認識HTML(超文本標記語言)

HTML由元素所組成,使用一種由標籤(tags)與內容(content)組成的語法,而這些標籤可以控制內容樣貌,如字體大小、顏色,以及在網頁中嵌入圖片或影片等...

鐵人賽 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() 開啟警告視窗的...

鐵人賽 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&...

鐵人賽 SideProject30 DAY 12

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

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