iT邦幫忙

html5相關文章
共有 296 則文章

技術 菜雞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 不是 Fro...

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

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

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

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

技術 鐵人賽DAY29-HTML5(四)

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

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

技術 鐵人賽DAY28-HTML5(三)

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

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

技術 鐵人賽DAY27-HTML5(二)

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

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

技術 鐵人賽DAY26-HTML5(一)

一、何謂HTML5HTML5是由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版本,有所謂的語意化標籤,這類元素並不像&lt;input&gt;、&lt;a&...

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

技術 Day8 動手寫HTML(3)

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

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

技術 Day7 動手寫HTML(2)

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

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

技術 Day6 動手寫HTML(1)

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

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

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

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