iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 2 留言 2697 瀏覽

鐵人賽 Modern Web DAY 3

30天切版臨摹！從模仿各大網站掌握商用級的前端HTML/CSS觀念系列第 3 篇

技術從 W3Schools 學習基本頁面佈局 - 版面【30天切版臨摹 D3】

W3Schools 首頁有用到他們自家出產的 w3.css，這是一套類似 Bootstrap 的 CSS Framework，把很多常用的css屬性包成許多cl...

EasonChang ‧ 2020-09-18

4 Like 1 留言 2688 瀏覽

鐵人賽其他技術 DAY 16

快寫HTML靜態網頁系列第 13 篇

技術 stasis 的即時更新功能

使用 stasis 產生靜態網頁，除了每更新HAML檔後，再執行編譯的方式之外，也提供了即時監測更新的方式。靜態網頁即時更新靜態網頁與動態網頁的區別，...

逮丸逮丸 ‧ 2013-10-01

2 Like 0 留言 2688 瀏覽

鐵人賽 Modern Web DAY 5

【每天5分鐘】學前端系列第 5 篇

技術正版Day05【每天5分鐘】學前端 | HTML 標籤

哈哈，突然發現昨天的標題應該是 Day04 卻打成 Day05 ，是不是不能改了 (ㆆᴗㆆ) ...今天去看海豹被海洋生物們療癒，文章又要壓線發了，希望不要...

Olivia ‧ 2022-09-06

0 Like 0 留言 2687 瀏覽

鐵人賽 Modern Web DAY 13

跟著 OXXO 一起學 HTML 系列第 30 篇

技術 ( Day 13.3 ) HTML 刪除線文字 <del>

<del> 粗體字元素可以在不套用 CSS 樣式的狀態下，將 HTML 的文字加上刪除線，這篇教學會介紹 <del> 刪除線文字元素。...

oxxo ‧ 2023-09-13

1 Like 0 留言 2686 瀏覽

鐵人賽 Modern Web DAY 26

HTML 與 CSS 學習筆記系列第 26 篇

技術 Day26 - HTML 與 CSS (8) - 背景圖片

背景圖片 background-image：使用 url(pic路徑) 來顯示圖片 background-image: url(./img/logo.p...

hokou ‧ 2020-10-11

3 Like 0 留言 2683 瀏覽

技術【HTML】【CSS】關於空白壓縮

【前言】本系列為個人前端學習之路的學習筆記，在過往的學習過程中累積了很多筆記，如今想藉著IT邦幫忙這個平台做整理+再複習。本系列標題一律以【】標示該篇文章主要涉...

hinolin0309 ‧ 2022-03-06

1 Like 0 留言 2679 瀏覽

鐵人賽自我挑戰組 DAY 1

Do you wanna play? CSS game ぎりぎり系列第 1 篇

技術 [Day 1] 100 Days CSS Challenge の設置: 善用你的工具(人)吧!

筆者Thibe為初入前端領域兩個月多的新人，由100 Days CSS Challenge的第一天挑戰概念啟發，製作了此次鐵人賽挑戰圖，期望自己能順利每天產出...

steventhibe ‧ 2022-09-08

1 Like 0 留言 2676 瀏覽

鐵人賽 IT技術 DAY 9

只是路過 HTML5 系列第 9 篇

技術 HTML Audio/Video Properties(3)

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為<audio> 和<v...

iamya ‧ 2012-10-17

0 Like 0 留言 2672 瀏覽

鐵人賽自我挑戰組 DAY 16

手刻武器庫，30 天前端學習心得系列第 16 篇

技術 Day 16：Gulp 學習筆記

一、前言 Gulp 是工作流程自動化的工具，可以幫我們處理一些需要重複執行的指令，像這類繁瑣的工作，可以交給 Gulp 來處理，在初學 Gulp 時，可以直接...

東尼先生 ‧ 2022-09-30

0 Like 0 留言 2670 瀏覽

鐵人賽 Modern Web DAY 30

跟著 OXXO 一起學 HTML 系列第 77 篇

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

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

oxxo ‧ 2023-09-30

1 Like 0 留言 2665 瀏覽

鐵人賽自我挑戰組 DAY 2

大學 50 萬貸款的交代系列第 2 篇

技術 Day 2 _ 關於 HTML 標籤語言 - 2

同學幫我填一下問卷好嗎 (･ω´･ ) 不一定是問卷，舉凡註冊、登入、上傳檔案、錯誤回報、甚至是打LOL檢舉中離仔使用的都是 HTML 的表單標籤。表單是一個很...

lyuki ‧ 2020-09-05

0 Like 0 留言 2662 瀏覽

鐵人賽 Modern Web DAY 23

從零開始手刻網站，30 天打造我的前端武器庫系列第 23 篇

技術 Day 23：Image Overlay 組件實作

組件實作：Demo 一、前言 Image Overlay 指的是圖片上的覆蓋效果，我們要做的是：「使用滑鼠移動到圖片上，頁面會從四個方向來滑入頁面，像是從...

東尼先生 ‧ 2022-10-07

10 Like 1 留言 2645 瀏覽

鐵人賽開發技術 DAY 12

用 HTML5 和 JavaScript 學習開發 Windows 8 Apps 系列第 15 篇

技術 Day12 番外篇，想寫[F2E Star]企劃書...但沒寫完...

其實是因為今天有點累，不想開windows的電腦，所以想說寫點特別的，暫時不想碰code。結果因為太久沒碰文書軟體，哈哈，好像也沒比較輕鬆，抱歉了各位讀者&g...

yiying ‧ 2013-09-27

0 Like 0 留言 2641 瀏覽

鐵人賽 Modern Web DAY 6

30天學會HTML＋CSS，製作精美網站系列第 6 篇

技術語意標籤-30天學會HTML＋CSS，製作精美網站

在HTML5中新增了語意標籤，取代以前只能用<div>劃分區塊，可以更清楚知道網頁區塊設計目的，也有有利SEO的搜尋。下圖是網站標籤的結構，依序跟大...

原來可以這樣做 | Sunny ‧ 2021-09-21

4 Like 3 留言 2605 瀏覽

鐵人賽 IT人生 DAY 1

That's my dream－Be an engineer 系列第 1 篇

技術歸零

大學過一半了，現在正精彩大三開始要做專題了暑假就斷斷續續看一些書了 Html Css JavaScript 說真的自己學真的很難但會很有成就感當初寫程式...

shihwei ‧ 2012-09-24

2 Like 0 留言 2594 瀏覽

鐵人賽 Modern Web DAY 1

HTML 與 CSS 學習筆記系列第 1 篇

技術 Day01 - 說明、工具

前言網頁基礎構成基本就是 HTML 和 CSS，最多再增加 JavaScript，前 2 個我幾乎每次都碰一下就會中斷，畢竟比起基礎的 HTML 和 CSS，...

hokou ‧ 2020-09-16

1 Like 0 留言 2588 瀏覽

鐵人賽 Modern Web DAY 13

HTML 與 CSS 學習筆記系列第 13 篇

技術 Day13 - HTML 與 CSS (4) - 水平置中、box-sizing

區塊水平置中使用 margin-left: auto和margin-right: auto 參考下例會發現區塊區域置中，然後只有最上層(父層) wrap...

hokou ‧ 2020-09-28

1 Like 0 留言 2588 瀏覽

鐵人賽 Modern Web

HTML 與 CSS 學習筆記系列第 31 篇

技術 HTML 與 CSS 學習筆記 - 系列目錄

前言將這 30 天的資料做成目錄，並簡單說明內容，方便查找紀錄一下系列目錄 HTML 與 CSS 學習筆記系列 Day01 - 說明、工具前言...

hokou ‧ 2020-10-16

0 Like 0 留言 2584 瀏覽

技術 HTML教學課程 (入門篇) 4個章節 - 由淺入深學習HTML

如果你剛接觸編程，想建立網頁/APP，HTML絕對是你第一個要學習的編程語言。在這篇「HTML教學課程 (入門篇)」，你會學習到： HTML基本概念：開發環境...

mtache ‧ 2021-06-22

0 Like 0 留言 2575 瀏覽

鐵人賽影片教學 DAY 11

智慧雲端物聯 - 關鍵輕專業（AIoT Cloud - Essential Shallow Expertise）系列第 13 篇

技術 Web前端基礎 (1/2)

[Day 11] Web前端基礎2.0：有趣的前端技術 (10min)2.1：HTML (22min + 15min)-- HTML URL Encode...

drm ‧ 2018-10-24

0 Like 0 留言 2571 瀏覽

鐵人賽 Software Development DAY 5

台南不需要米其林系列第 5 篇

技術 Day05 美食地圖首頁

前言工欲善其事，必先利其器。花費一番心力，將環境與開發模式都弄好後，可以心無旁騖開始建立首頁，今天會一口氣畫好首頁的版面。概念說明 Django的設計理...

yenshaoting ‧ 2022-09-20 ‧團隊台南巷弄美食獵人

0 Like 0 留言 2567 瀏覽

鐵人賽 Modern Web DAY 12

跟著 OXXO 一起學 HTML 系列第 27 篇

技術 ( Day 12.3 ) HTML 內嵌頁框 <iframe>

oxxo ‧ 2023-09-12

1 Like 1 留言 2565 瀏覽

技術 Amber Network誠徵-PHP主管

1.PHP網站程式開發。 2.PHP架構規劃與前台、後台開發。 3.具實際開發與管理經驗者尤佳。 4.擅長工具：PHP、MySQL、HTML、JavaScrip...

ambergigi ‧ 2015-05-28

2 Like 0 留言 2565 瀏覽

鐵人賽 Modern Web DAY 4

All In One NFT Website Development 系列第 4 篇

技術 Day 4【HTML + CSS】於是他開始像靈犬萊西一樣到處蒐集證據

【前言】不知道大家有沒有看過 Youtube 上面一些 5~12 小時的 Coding 教學影片。這是一件頗好笑的事情，以前我都想到底誰會把這種影片看完來學一...

ALu ‧ 2021-09-16 ‧團隊Obit0 Studio

0 Like 0 留言 2564 瀏覽

鐵人賽 Modern Web DAY 4

菜鳥前端奮鬥史(欸? 系列第 4 篇

技術 Day04 「Over my dead body」 ─ <body>裡面常見那些器官（欸

唉唷我累個擦，差一點就忘記發文直接去睡覺了上一回我們介紹了很基礎的 HTML5 網頁架構今天我們就來聊聊那些 body 中常看見的奇怪東西吧！ <u...

阿陰 ‧ 2017-12-23 ‧團隊Lorem100+tab

0 Like 0 留言 2564 瀏覽

鐵人賽 Modern Web DAY 26

30天學會HTML＋CSS，製作精美網站系列第 26 篇

技術網頁變形-30天學會HTML＋CSS，製作精美網站

transform屬性是變形的意思，可運用在2D及3D變形，可以對網頁元素做旋轉、縮放、平移、傾斜、矩陣變形的效果。但不適用於「行內元素」 transform:...

原來可以這樣做 | Sunny ‧ 2021-10-11

0 Like 0 留言 2559 瀏覽

鐵人賽 Modern Web DAY 25

跟著 OXXO 一起學 HTML 系列第 65 篇

技術 ( Day 25.1 ) HTML 側邊欄區塊 <aside>

<aside> 是進入 HTML5 之後才加入的側邊欄區塊元素，通常會放在頁面或某些區塊的側邊作為「側邊欄」使用，也因為是側邊欄的緣故，所以通常會放...

oxxo ‧ 2023-09-25

1 Like 0 留言 2548 瀏覽

鐵人賽自我挑戰組 DAY 10

一週程式專案挑戰系列第 10 篇

技術 [專案02]自製踩地雷(三)用JS控制地圖大小

初級踩地雷是9X9地圖，如果網頁直接寫死，三個等級就要寫三頁。透過JavaScript來控制地圖大小，就可以將初、中、高地圖寫在同頁，甚至還可以讓玩家自訂地圖大...

來杯拿鐵 ‧ 2019-09-11

1 Like 0 留言 2540 瀏覽

技術 [快速入門前端 3] 什麼是 HTML 標籤 (1)

HTML 標籤上一篇提到了 HTML 的標準結構，接下來我們來講組成 HTML 的重要部分 —— 標籤。 HTML 的標籤由 <、 >、 /，及...

Doris ‧ 2023-05-03

4 Like 1 留言 2536 瀏覽

鐵人賽開發技術 DAY 24

用 HTML5 和 JavaScript 學習開發 Windows 8 Apps 系列第 23 篇

技術 Day24 Split App 實作官方範例 Blog Reader (1)

實作方式請參考：http://msdn.microsoft.com/en-us/library/windows/apps/hh974582.aspx Blog...

yiying ‧ 2013-10-09

技術 從 W3Schools 學習基本頁面佈局 - 版面【30天切版臨摹 D3】