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

0 Like 0 留言 2127 瀏覽

鐵人賽 Modern Web DAY 7

Super Easy CSS，極度簡單：寫出好的 CSS，從零開始前端生涯系列第 7 篇

技術 #06 寫一份簡單的 HTML，常用 HTML Tag 總整理

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 練習使用...

Eva Chen ‧ 2023-09-22

0 Like 0 留言 2104 瀏覽

鐵人賽 Modern Web DAY 30

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

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

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

oxxo ‧ 2023-09-30

0 Like 0 留言 1983 瀏覽

鐵人賽 Modern Web DAY 13

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

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

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

oxxo ‧ 2023-09-13

0 Like 0 留言 1862 瀏覽

鐵人賽 Modern Web DAY 25

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

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

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

oxxo ‧ 2023-09-25

0 Like 0 留言 1841 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 ( Day 11.1 ) HTML 超連結 <a>

如果在要在 HTML 裡設計可以外連其他網頁的功能，就必須使用 <a> 來建立「超連結」，當使用者點擊超連結之後，就能前往指定的網頁，或是進行發送...

oxxo ‧ 2023-09-11

0 Like 0 留言 1840 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 ( Day 21.3 ) HTML 進度條 <progress>

<progress> 是 HTML 裡的進度條元素，不只可以在表單中顯示進度，更常常作為「載入中」的等待畫面使用，這篇文章將會介紹 <prog...

oxxo ‧ 2023-09-21

0 Like 0 留言 1774 瀏覽

鐵人賽 Modern Web

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

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

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

oxxo ‧ 2023-10-02

0 Like 0 留言 1766 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 ( Day 11.2 ) HTML 圖片 <img>

使用 <img> 是 HTML 裡的圖片元素，使用時只要在 src 屬性裡填入圖片的網址，或是圖片的 base64 編碼，就可以在網頁中顯示圖片，這...

oxxo ‧ 2023-09-11

0 Like 0 留言 1765 瀏覽

鐵人賽 Modern Web DAY 12

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

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

oxxo ‧ 2023-09-12

0 Like 0 留言 1731 瀏覽

鐵人賽 Modern Web DAY 16

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

技術混合模式-30天學會HTML＋CSS，製作精美網站

「混合模式」是什麼呢？有用過photoshop的設計師對圖片混合模式肯定不陌生，是元素重疊部分的顏色、飽和度、亮度進行混合變成新的顏色。混合模式相關屬性： b...

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

0 Like 0 留言 1726 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 ( Day 21.2 ) HTML 下拉選單 <select>、<option>、<optgroup>

<select>、<option> 和 <optgroup> 是 HTML 表單裡的下拉選單元素，<select&gt...

oxxo ‧ 2023-09-21

0 Like 0 留言 1725 瀏覽

鐵人賽 Modern Web

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

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

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

oxxo ‧ 2023-10-11

0 Like 0 留言 1691 瀏覽

鐵人賽自我挑戰組 DAY 4

從freeCodeCamp進入前端宇宙系列第 4 篇

技術 CSS基礎介紹(2)

來輕鬆聊聊今天的內容將著重在版面配置，利用這些屬性，可以讓一個網頁，從完全空白到能清楚的區分網頁中各種功能的區塊。背景背景設定如同border(邊框)...

JackyHuang ‧ 2021-09-06

0 Like 0 留言 1651 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 ( Day 21.1 ) HTML 按鈕 <button>

<button> 是 HTML 表單裡的按鈕元素，通常會放在表單裡面讓使用者點擊，這篇文章將會介紹 <button> 表單按鈕元素的用法...

oxxo ‧ 2023-09-21

0 Like 0 留言 1619 瀏覽

鐵人賽 Modern Web DAY 29

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

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

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

oxxo ‧ 2023-09-29

0 Like 0 留言 1607 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 ( Day 12.2 ) HTML 水平分隔線 <hr>

在 HTML 裡使用 <hr> 後，會在畫面中放入一條「水平分隔線」，透過水平分隔線來進行不同段落的區隔，這篇教學會介紹如何使用 <hr&gt...

oxxo ‧ 2023-09-12

0 Like 1 留言 1599 瀏覽

技術 excel vba撈網頁數據問題

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

kkbox ‧ 2024-01-21

0 Like 0 留言 1592 瀏覽

鐵人賽自我挑戰組 DAY 3

從freeCodeCamp進入前端宇宙系列第 3 篇

技術 CSS基礎介紹(1)

來輕鬆聊聊學會如何利用HTML編輯網頁架構後，再來要進入讓網頁美化的CSS了。還不知道什麼是HTML的人，沒關係，只要花兩天就可以學到基礎概念囉! 學HTML...

JackyHuang ‧ 2021-09-05

0 Like 0 留言 1586 瀏覽

鐵人賽自我挑戰組 DAY 2

從freeCodeCamp進入前端宇宙系列第 2 篇

技術 HTML基礎介紹(2)

來輕鬆聊聊學習完第一天的內容後，接著要進入到時常用到，而且重要的標籤了。藉由標籤可以做到表格、列表、表單等樣式，完整的HTML網頁架構又是如何呢?就讓我們一起...

JackyHuang ‧ 2021-09-04

0 Like 0 留言 1563 瀏覽

鐵人賽 Modern Web

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

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

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

oxxo ‧ 2023-10-06

1 Like 2 留言 1539 瀏覽

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

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

naiomidaphne ‧ 2024-05-03

0 Like 0 留言 1539 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 ( Day 13.4 ) HTML 插入 ( 底線 ) 文字 <ins>

<ins> 插入 ( 底線 ) 文字元素可以在不套用 CSS 樣式的狀態下，將 HTML 的文字加上底線，標示該文字為「插入」的用途 ( inser...

oxxo ‧ 2023-09-13

0 Like 0 留言 1536 瀏覽

鐵人賽自我挑戰組 DAY 7

從freeCodeCamp進入前端宇宙系列第 7 篇

技術視覺設計(2)

來輕鬆聊聊今天將接續前篇的內容，分享許多排版時常用的效果。不透明度 opacity屬性可以決定元素的不透明程度，值的範圍是從0~1之間含小數點任一數字...

JackyHuang ‧ 2021-09-09

0 Like 0 留言 1520 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 ( Day 17.1 ) HTML 標示時間日期 <time>

<time> 標示時間日期元素在標籤語意上表示「時間日期」，如果搜尋引擎如果要抓取時間日期，就會優先從這個標籤著手讀取，這篇教學會介紹 <ti...

oxxo ‧ 2023-09-17

5 Like 0 留言 1425 瀏覽

鐵人賽影片教學 DAY 22

金魚都能懂的這個網頁畫面怎麼切 - 金魚都能懂了你還怕學不會嗎系列第 22 篇

技術金魚都能懂的這個網頁畫面怎麼切 : 6到20切版技巧原理彙整

大家好～我是 Amos，這次要跟大家分享的是切版的教學，如果您本身對於 HTML & CSS 的基礎還不了解的話，建議您可以先看去年鐵人的基礎教學金魚...

CSScoke ‧ 2019-10-07 ‧團隊Amos的推坑教2.0

0 Like 0 留言 1398 瀏覽

鐵人賽 Modern Web DAY 6

Super Easy CSS，極度簡單：寫出好的 CSS，從零開始前端生涯系列第 6 篇

技術 #05 HTML 基礎語法

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解 HT...

Eva Chen ‧ 2023-09-21

0 Like 0 留言 1382 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 ( Day 14.3 ) HTML 上標文字 <sup>、下標文字 <sub>

上標文字 <sup> 和下標文字 <sub> 元素，可以在不套用 CSS 樣式的狀態下，將 HTML 的文字套用上標與下標格式效果，這篇...

oxxo ‧ 2023-09-14

0 Like 0 留言 1360 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 ( Day 20.3 ) HTML 行文字輸入 <textarea>

<textarea> 是 HTML 表單裡的可以讓使用者輸入多行文字的元素，這個元素常出現在許多的留言板或文字編輯器裡，這篇文章將會介紹 <t...

oxxo ‧ 2023-09-20

0 Like 0 留言 1324 瀏覽

鐵人賽自我挑戰組 DAY 8

從freeCodeCamp進入前端宇宙系列第 8 篇

技術視覺設計(3)

浮動與清除浮動 float為浮動屬性，用來調整元素的布局。常用left、right兩個值來使元素靠左或靠右，元素會如同position: absolute的...

JackyHuang ‧ 2021-09-10

0 Like 0 留言 1303 瀏覽

鐵人賽自我挑戰組 DAY 1

從freeCodeCamp進入前端宇宙系列第 1 篇

技術 HTML基礎介紹(1)

來輕鬆聊聊嗨我是Jacky，今天要來談談HTML。舉凡網頁開發、設計，不管聽過、看過甚至接觸過的朋友，可能知道藉由HTML與CSS這兩個程式語言，能夠組成我...

JackyHuang ‧ 2021-09-03

技術 #06 寫一份簡單的 HTML，常用 HTML Tag 總整理

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

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

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

技術 ( Day 11.1 ) HTML 超連結 <a>

技術 ( Day 21.3 ) HTML 進度條 <progress>

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

技術 ( Day 11.2 ) HTML 圖片 <img>

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

技術 混合模式-30天學會HTML＋CSS，製作精美網站

技術 ( Day 21.2 ) HTML 下拉選單 <select>、<option>、<optgroup>

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

技術 CSS基礎介紹(2)

技術 ( Day 21.1 ) HTML 按鈕 <button>

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

技術 ( Day 12.2 ) HTML 水平分隔線 <hr>

技術 excel vba撈網頁數據問題

技術 CSS基礎介紹(1)

技術 HTML基礎介紹(2)

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

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

技術 ( Day 13.4 ) HTML 插入 ( 底線 ) 文字 <ins>

技術 視覺設計(2)

技術 ( Day 17.1 ) HTML 標示時間日期 <time>

技術 金魚都能懂的這個網頁畫面怎麼切 : 6到20切版技巧原理彙整

技術 #05 HTML 基礎語法

技術 ( Day 14.3 ) HTML 上標文字 <sup>、下標文字 <sub>

技術 ( Day 20.3 ) HTML 行文字輸入 <textarea>

技術 視覺設計(3)

技術 HTML基礎介紹(1)

標記使用者

技術混合模式-30天學會HTML＋CSS，製作精美網站

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

技術視覺設計(2)

技術金魚都能懂的這個網頁畫面怎麼切 : 6到20切版技巧原理彙整

技術視覺設計(3)