iT邦幫忙

html5相關文章
共有 235 則文章

技術 菜雞SCSS初體驗

還記得前兩週我都在學習如何手刻RWD網頁,不只有許多的HTML結構要去注意。 就連CSS樣式也希望能使用模組化的方式建構。 總之,就是要讓code不要太冗長不好...

技術 我遇到的RWD網頁難題

上次文章終於迎來續集 我的第一個RWD網頁 這次的網頁練習跟上次的網頁是同系列的,不過這次可是有記起上次的教訓。 也第一次使用了SCSS和GitHub。(這部分...

技術 我的第一個RWD網頁

開始之前先送上菜雞的code 這是我第一次實作RWD的網頁,又因為最近同步在看Bootstrap。 所以起初覺得很簡單,畢竟Bootstrap打一下md或lg,...

鐵人賽 自我挑戰組 DAY 22

技術 美好的幻覺:Frontend 前端

先分享下 Frontend 的發音 https://www.youtube.com/watch?v=ZdtpKFbhTtk 記得是 Frontend 不是 Fr...

鐵人賽 Modern Web DAY 7
前端開發 30 個問題 系列 第 7

技術 CSS Specificity / 權重

前言 2020 秋天,我將用 30 天的時間,來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識,有些問題可能對有些讀者來說相對...

鐵人賽 Modern Web DAY 6
前端開發 30 個問題 系列 第 6

技術 z-index and stacking context

前言 2020 秋天,我將用 30 天的時間,來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識,有些問題可能對有些讀者來說相對...

鐵人賽 Modern Web DAY 3
前端開發 30 個問題 系列 第 3

技術 What is metadata?

前言 2020 秋天,我將用 30 天的時間,來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識,有些問題可能對有些讀者來說相對...

鐵人賽 Modern Web DAY 1
前端開發 30 個問題 系列 第 1

技術 What is DOCTYPE?

前言 2020 秋天,我將用 30 天的時間,來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識,有些問題可能對有些讀者來說相...

鐵人賽 自我挑戰組 DAY 4

技術 Day 4 用 WordPress 了解 head 記載的中繼資料及靜態資源

大家好,我是 Eric。 第二天與第三天的內容,都是針對 <body> 中的標籤做的說明。顧名思義,<body> 中記載的內容,就是會直...

鐵人賽 自我挑戰組 DAY 3

技術 Day 3 從 WordPress 看其他 HTML 標籤

大家好,我是 Eric。 上一篇文章中,我們先看到負責管理頁面架構的語意化標籤。 今天,我們再進一步了解跟「內容」有關的 HTML 標籤,以及 HTML 中的屬...

鐵人賽 自我挑戰組 DAY 2

技術 Day 2 用 WordPress 了解 HTML5 語意化標籤

大家好,我是 Eric。 在開始學習當代網站開發時,必須先瞭解,當代的網站開發, 是以 HTML(5)+CSS(3)+JavaScript(ES5/ES6) 為...

技術 前端入門-認識HTML、CSS、JS

HTML-超文本標記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用於建立網頁的標準標記語言。HTML描述了一個網站的結...

技術 【前端自學之路】如何開始?

大家好!我是Steven,現在是一位下班時用閒暇時間自學前端技術的上班族,今天想分享一些我在學習過程中所領悟到的事,並且分享給你們,首先今天想聊聊如何開啟前端自...

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

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

技術 鼠年全馬鐵人挑戰 WEEK 07:優化SEO- 語意化標籤!讓別人看懂你在寫什麼!

什麼是語意標籤?? 為了讓標籤(Tag)更具意義,已加強文件的結構化,讓搜尋引擎更清楚瞭解, 可以更清楚表現網頁中每個區塊的設計目的。 為什麼要用語意標籤?...

徵才 《大數據智能服務》高級/資深前端開發工程師 (Front-end Developer) 代招

各位資訊界的能人大家好,以下職缺如有意願者或有朋友可介紹,歡迎聯繫我~ ★【公司主力發展為全台過半數AI智能客服專案】★ mail:lisay@jbjob.co...

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

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

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

技術 鐵人賽DAY29-HTML5(四)

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

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

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

技術 鐵人賽DAY26-HTML5(一)

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

鐵人賽 Modern Web DAY 22

技術 第 22 天:Flask:Jinja2 製作網頁模板

第 22 天:Flask:Jinja2 製作網頁模板   昨天利用內容傳遞網路的資源,成功的做出了一份漂亮的網頁,是不是對網頁設計燃起了一絲興趣呢?還記得我們昨...

鐵人賽 Modern Web DAY 21

技術 第 21 天:Flask:裝飾我們的網頁

第 21 天:Flask:裝飾我們的網頁 不住在紐約的人可能不知道,維克牧場坐落在一家裝潢的有點華麗的賽頓莊園裡。我以前經常去那裡,但現在我再也不去了。我慢慢...

鐵人賽 Modern Web DAY 20

技術 第 20 天:Flask:基礎網頁製作

第 20 天:Flask:基礎網頁製作 這是牠唯一會做的空翻動作,但牠把自己想成是全牧場裡面最出色的一隻草泥馬。全身都是肌肉沒半點腦子。反正,那就是鄭尼那晚照...

徵才 【皆凱科技】誠徵 前端工程師(Frontend Developer)

我們正在尋找一群對Web應用開發有熱情的夥伴,你開發的產品將被大量的客戶使用,並且獲得許多回饋。你會從了解現有產品開始,直到參與需求討論、架構設計、軟體開發、測...

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

技術 Day9 動手寫HTML(4)

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

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

技術 Day8 動手寫HTML(3)

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

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

技術 Day7 動手寫HTML(2)

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

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

技術 Day6 動手寫HTML(1)

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

鐵人賽 自我挑戰組 DAY 1

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

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