iT邦幫忙

html5相關文章
共有 223 則文章

技術 鼠年全馬鐵人挑戰 WEEK 08: head裡面到底在寫什麼?我怎麼看不懂?

剛開始學HTML時,都從body裡的內容開始學,很少用到head裡面的標籤,當打開別人的網頁時, 看到head怎麼寫得滿滿的,看到就頭昏眼花 ,於是就激發了筆者...

鐵人賽 自我挑戰組 DAY 4
從門外漢到前端新手 系列 第 4

技術 Day4 動手寫HTML之前(上)

首先就來了解網路的運作吧!點圖看影片 How The Internet Works: HTML是什麼 超文本標記語言(英語:HyperText Markup...

鐵人賽 自我挑戰組 DAY 9
從門外漢到前端新手 系列 第 9

技術 Day9 動手寫HTML(4)

語意化標籤 我們學到,標籤的語意是撰寫html文檔時,很重要的概念。而HTML5版本,有所謂的語意化標籤,這類元素並不像<input>、<a&...

技術 HTML 中的 < b > 和 < strong > 到底有什麼分別?

到底 < b > 和 < strong > 有什麼分別? 您需要了解的語意(Semantic Elements) ✦ 不要說網站新手,...

鐵人賽 自我挑戰組 DAY 6
從門外漢到前端新手 系列 第 6

技術 Day6 動手寫HTML(1)

打開文字編輯器 *還不會用VS code的話請看第3天文章有提到的教學。 這裡示範的文字編輯器是VS code,新增一個檔案,先將它存成Html檔,這樣編輯器才...

鐵人賽 自我挑戰組 DAY 7
從門外漢到前端新手 系列 第 7

技術 Day7 動手寫HTML(2)

標籤語意的重要性 在瀏覽器的世界,雖然很多元素的視覺效果可能很像,可是針對網站的每個不同內容下好的元素很重要。它會幫助瀏覽器讀取文檔,讓網路體驗更優化。 進...

鐵人賽 自我挑戰組 DAY 8
從門外漢到前端新手 系列 第 8

技術 Day8 動手寫HTML(3)

上篇介紹了很多結構文字內容的元素,今天就來介紹些引入外部資源的常用元素吧。 <img> 在HTML裡,我們用<img>來嵌入圖片,它不需...

鐵人賽 自我挑戰組 DAY 1

技術 「DAY02」關於自學的學習網站

啊!昨天被睡蟲給咬到,忘記發文了 今天繼續再努力!!! 以下是跟大家分享HTML跟CSS自學網站及影音: 影音類: 1.Style Fancy Button...

鐵人賽 Modern Web DAY 29
淺談web 系列 第 29

技術 鐵人賽DAY29-HTML5(四)

一、HTML5新標籤(圖像類) <canvas>……</canvas>: 此元素只提供圖形的擺放,實際上圖形的設計要使用javaScri...

鐵人賽 Modern Web DAY 26
淺談web 系列 第 26

技術 鐵人賽DAY26-HTML5(一)

一、何謂HTML5 HTML5是由W3C(World Wide Web Consortium)與WHATWG(Web Hypertext Application...

技術 分享一段『油土伯』創意特效按鈕 by CSS

之前看到的一段視頻 ! 因為 css 的動畫特效不常接觸, 在此分享給廣大邦友 ! 影片中, youtuber 巧妙的利用 <span> 來完成按...

鐵人賽 Modern Web DAY 28
淺談web 系列 第 28

技術 鐵人賽DAY28-HTML5(三)

一、HTML5新標籤(多媒體類) <audio>……</audio>: 在HTML5出來之前是沒有此標籤的,若覽器上要播放音檔,多半會依...

鐵人賽 Modern Web DAY 27
淺談web 系列 第 27

技術 鐵人賽DAY27-HTML5(二)

一、HTML5新標籤(布局類) <header>……</header>: 相對於以往要定義網頁的頂部區塊時語法為<div id...