iT邦幫忙

html相關文章
共有 886 則文章

技術 30天做出一個線上相簿

Day 8 學習報告 主題:研究 WebAR 框架(A-Frame、8thWall、MindAR.js、WebXR API) 一、學習目標 在第八天的進度中,我...

技術 30天做出一個線上相簿

Day 7 學習報告 主題:圖片壓縮與重新選擇功能 一、學習目標 今天的目標是讓網頁具備「圖片壓縮」與「資訊顯示」的功能。由於在實際應用中,使用者可能會上傳過大...

技術 30天做出一個線上相簿

Day 6 學習報告 主題:圖片上傳介面美化 一、學習目標 學習如何使用 Flexbox 製作雙欄版面。 美化圖片上傳的介面,讓操作更直覺。 增加「圖片預覽」...

技術 30天做出一個線上相簿

Day 5 學習報告 主題:圖片上傳與即時顯示 一、學習目標 學習 HTML 表單 (Form) 與 <input type="file&qu...

技術 30天做出一個線上相簿

Day 4 學習報告 – CSS 排版設計 主題:JavaScript 基礎 一、學習目標 學習 CSS Flexbox 的基本用法。 製作一個有「標題區、內...

技術 30天做出一個線上相簿

Day 2 成果報告 主題:學習 HTML 基本結構 一、學習目標 在專案的第二天,目標是熟悉 HTML 的基本元素,學會使用標題(Heading)、段落(Pa...

鐵人賽 Modern Web DAY 4

技術 Day4|HTML/CSS/JavaScript 的三角關係

網頁是什麼? 學網頁設計的時候,常常會聽到三個名字:HTML、CSS、JavaScript。它們是構成網頁的三大元素: HTML 網頁的結構。 CSS 網...

技術 Day 2 HTML 文字與排版

常用的文字標籤 HTML 提供了許多標籤來幫助我們排版:h1 ~ h6:標題(h1 最大,h6 最小)p:段落(paragraph)ul / ol:清單(ul...

技術 30天做出一個線上相簿

Day3成果報告 主題:學習用CSS設計網頁外觀 一、學習目標 在專案的第二天,目標是學習 CSS(層疊樣式表) 的基礎語法,並應用在網頁上,讓頁面更有設計感。...

技術 Day 1 認識網頁的基本結構

網頁是怎麼組成的?一個網頁最基本的就是 HTML(HyperText Markup Language)。它就像是房子的骨架,決定了內容要怎麼擺放。HTML 通常...

技術 30天做出一個線上相簿

Day 1 成果報告 主題:專案初始化 一、學習目標 在專案的第一天,主要目標是完成開發環境的建置,並且製作出一個最簡單的 HTML 網頁,作為日後線上相簿開發...

鐵人賽 Modern Web DAY 3

技術 Day3|與JavaScript初次相遇

JavaScript是什麼 JavaScript 的誕生,其實有點戲劇化。 為了輔助Java的存在,Brendan Eich在當年網景公司(Netscape)...

鐵人賽 Modern Web DAY 1
30天一起搞懂Web觀念 系列 第 1

技術 [DAY1] HTML 是什麼?為什麼是這樣設計?

前言 哈囉~我是Joanne,目前是大四,也是我第一次參加鐵人競賽。我學網頁一段時間了,雖然沒有很厲害,但也開發過大大小小的網頁專案(前端的比較多),知道什麼時...

技術 HTML 入門筆記 - 2 - HTML 架構與基礎語法

🔹 HTML 基本架構 <!DOCTYPE html> <html lang="zh-TW"> <head...

技術 HTML 入門筆記 - 1 - 認識 HTML 與網頁結構

🔹 什麼是 HTML? HTML(HyperText Markup Language,超文本標記語言) 是建立網頁的基本語言。 HTML不是程式語言,而是...

技術 [一天一學習 直到我完成任務管理系統] Day 4 前端檔案建立(以菜單網站為觀摩範本)

Day 4: 1140112一、目標:觀摩如何依照MVC架構,建立Java專案中的前端檔案二、預計使用工具:VS code 三、檔案架構:今天要建立的是前端檔案...

鐵人賽 Python DAY 21

技術 [Day20] Python專案 - 爬蟲程式 - (2) 擷取你的需求資料(瀏覽器或裝置的意義)

目標 今天會帶大家使用 request json Beautiful Soup 嘗試擷取簡單的網頁資料 麻煩大家先透過pip install...

技術 設計網頁這麼簡單?除了html、css等還需要注意什麼

⬆️類似於這種,其實我們也可以自己用自己熟悉的編輯器寫出來!只要確定好html、css、java的分配,wix也有與javascript連結可自行創造的功能~這...

30 天克服前端面試 系列 第 9

技術 Day 9 - 請描述 <script>, <script async>和 <script defer> 的差異為何?

透過&lt;script&gt;我們可以適當的控制腳本在瀏覽器載入的時機。 &lt;script&gt; 這是預設的腳本加載方式,在網頁渲染的過程中,會使用 &...

技術 #01 前端支援度查詢:Can I Use / StatCounter / Can I email...

因為網頁的使用者可能使用各種裝置、各種瀏覽器瀏覽網頁,所以在開發前端時,要盡量讓網頁在所有情況下表現效果都一致。今天就分享很常見的查詢支援度的小工具,雖然應該...

鐵人賽 JavaScript DAY 2

技術 【Day1】JS同學你負責什麼?

說到前端、Web不外乎就會提到三巨頭HTML、CSS和JavaScript(JS),先跳脫專有名詞我們來發揮想像力,解釋這三種語言是如何彼此配合? 假設你在台北...

鐵人賽 Modern Web DAY 8

技術 Day8 要開始寫程式了,但我對 CSS、TypeScript 和 HTML 不熟,怎麼辦?(上)

要開始開發程式啦!寫程式是一個令人很興奮的過程,但又充滿挑戰,尤其當你發現自己對一些核心技術不熟的時候,這種不確定性可能會讓你覺得很糟糕也很焦慮。HTML、CS...

鐵人賽 Modern Web DAY 2

技術 #36 HTML <video> 用影片當背景,使用 iframe 嵌入 Youtube自動播放/ IG/ TikTok/ X (Twitter) 影片

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

鐵人賽 Modern Web DAY 4
重新認識 FrontEnd 系列 第 4

技術 Day4:HTML 語意化

本篇文章主要會從結構面來分別介紹常見且對於 SEO 有幫助的標籤,讓我們開始吧 頁面主結構的標籤 &lt;header&gt;:header 標籤主要是用來...

鐵人賽 Modern Web DAY 3
重新認識 FrontEnd 系列 第 3

技術 Day3: Meta Tag

那些影響排名的 Meta Tag 在網站中,我們可以利用 Meta Tag 來提供一些網站的基本資訊,並且一定性的影響搜尋引擎上的顯示以及排名 Charse...

鐵人賽 Modern Web DAY 2
重新認識 FrontEnd 系列 第 2

技術 Day2: HTML 的重要性

那些只要能跑就好的代碼 一開始矇矇懂懂加入前端行列的我拿起了第一本前端書籍的時候,上面同時介紹了 HTML 與 CSS,胸懷壯志的想說要把他看個兩三遍,然而事情...

技術 工作中自學至獨立完成系統項目(Eclipse Servlet) - 5

技術內容 在資料傳輸前,有些相關的文件及當中的欄位、邏輯Annotation之類的必須要有,才能運作程式因此要先確認這些事情有沒有做 1. 在Servlet文件...

技術 工作中自學至獨立完成系統項目(Eclipse Servlet) - 4

前後端、資料庫互動簡述 依據當所開發的系統,將我所認為的架構以圖表示,如下: 此系統主要傳輸資料的方式為: 前端網頁點選button元素或是input元素的s...

技術 工作中自學至獨立完成系統項目(Eclipse Servlet) - 3

專案架構 後端程式碼的部分主要是放在(src/main/java)這個路徑底下,主要是Java Servlet的檔案,以及一些會用到的JAVA Bean,其他的...

技術 工作中自學至獨立完成系統項目(Eclipse Servlet) - 2

系統開發 在過程中就一定會進入到這個環節,需要提交開發計劃,詳細內容就不贅述,不過好在網頁排版以及系統需求的部分,可以參考當前舊的系統,因此省下了許多事項,不過...