iT邦幫忙

html相關文章
共有 878 則文章
鐵人賽 Python DAY 21

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

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

鐵人賽 自我挑戰組 DAY 11

技術 【Day 12】JavaScript 介紹與基本語法、HTML Canvas

點我查看目錄 前言 我們前面花了一些時間討論關於 HTML 與 CSS 的相互操作,但目前網頁還沒有任何功能,因此我們現在就來開始做這件事情。而我希望透過一個簡...

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

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

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

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

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

鐵人賽 自我挑戰組 DAY 11

技術 【Day 11】CSS 歷史與語法介紹(3)CSS 3 與設計打磚小蜜蜂遊戲的外觀與界面

點我查看目錄 前言 我以為 CSS2 與 2.1 可以很快講完,但我發現我錯了,這講下去的篇幅還真的有點多,看來後面要調整了,不然可能 30 天都做不完~ 所以...

鐵人賽 自我挑戰組 DAY 9

技術 【Day 09】CSS 歷史與語法介紹(1)HTML 與 CSS 的配合

點我查看目錄 前言 在這環節中,我會以前兩天實做的 HTML 架構進行 CSS 的樣式表實做,進行美化排版。之前修過 UI / UX 的課程,發現這些視覺內容的...

鐵人賽 自我挑戰組 DAY 8

技術 【Day 08】實作 2D 打磚小蜜蜂遊戲畫面的 HTML5 架構(2)

點我查看目錄 前言 在前一天的文章中,我們從我們延續上次的部份,繼續完成遊戲的其他畫面。主要以以下的成就、設定、以及分數與統計頁面,基本上可以把遊戲分為兩個主...

鐵人賽 自我挑戰組 DAY 7

技術 【Day 07】實作 2D 打磚小蜜蜂遊戲畫面的 HTML5 架構(1)

點我查看目錄 前言 前面我們花了點時間介紹了 HTML 的歷史故事、並搭配一些語法進行說明。但各位看到這邊,多半會好奇:「那要如何架構一個基本的 HTML 網...

鐵人賽 自我挑戰組 DAY 6

技術 【Day 06】HTML 與網頁發展的歷史筆記(3)HTML 5.0 與 Modern Web

點我查看目錄 前言 我們在之前的章節可以看到,HTML 的發展過程代表著網際網路的變革歷史。從早期正式發布的 2.0 版本開始,W3C 持續在推動使 HTML...

技術 #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...

鐵人賽 自我挑戰組 DAY 5

技術 【Day 05】HTML 與網頁發展的歷史筆記(2)HTML 3.2 與 4.0

點我查看目錄 前言 在上一篇文章中,提到了 HTML 1.0 演變到 2.0 的歷史,今天這篇會是延續上次的內容,繼續從歷史背景來了解 HTML 語法的演進過程...

鐵人賽 自我挑戰組 DAY 4

技術 【Day 04】HTML 與網頁發展的歷史筆記(1)HTML 1.0 與 2.0

點我查看目錄 前言 接下來這篇文章會從 HTML 的歷史背景開始,介紹 HTML 1.0 與 2.0 版本的歷史背景、語法結構(但在實做上是用 HTML 5...

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

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

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

第一份正式工作 會撰寫這篇文章的原因主要是想要紀錄一下自己總算有些成果的系統作品,也算是給自己的鼓勵,但也有一些怨念在當中xD,因此這一篇文章主要會是紀錄和分享...

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

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

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

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

鐵人賽 自我挑戰組 DAY 24

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

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