iT邦幫忙

html5相關文章
共有 291 則文章
鐵人賽 開發技術 DAY 16

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#16--使用JavaScript建構物件與方法

上兩篇文章講到AJAX -- http://ithelp.ithome.com.tw/question/10159099 ==== 全域變數與區域變數、Hois...

鐵人賽 開發技術 DAY 11
HTML5 & CSS3 系列 第 11

技術 30天分享(13) - HTML5 <track> 標籤

30天分享(13) - HTML5 &lt;track&gt; 標籤 &lt;track&gt; 是用來顯示 video 裡的字幕 ,支援 vtt 檔 , 使用...

鐵人賽 開發技術 DAY 10
HTML5 & CSS3 系列 第 10

技術 30天分享(12) - HTML5 viewport <meta> 標籤

30天分享(12) - HTML5 viewport &lt;meta&gt; 標籤 viewport 是為了除了桌面畫面的裝置而產生, 使用viewport...

鐵人賽 開發技術 DAY 15

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#15-- AJAX ( jQuery )

上一篇文章:http://ithelp.ithome.com.tw/question/10158950 上一篇文章提到 JavaScript寫AJAX,XHR,...

鐵人賽 開發技術 DAY 9
HTML5 & CSS3 系列 第 9

技術 30天分享(11) - HTML5 <figcaption> 標籤

30天分享(11) - HTML5 &lt;figcaption&gt; **** 標籤 &lt;figcaption&gt; 是 HTML5 用來排列圖片與...

鐵人賽 開發技術 DAY 14

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#14--AJAX ( XHR,XmlHttpRequest)

上一篇文章:http://ithelp.ithome.com.tw/question/10158769 有別於ASP.NET AJAX使用了現成工具 Updat...

鐵人賽 開發技術 DAY 8
HTML5 & CSS3 系列 第 8

技術 30天分享(10) - HTML5 <input> 標籤

&lt;input&gt; 是表單裡的空白欄位元素, 給使用者輸入資料使用,HTML5 新增了一些屬性, 提高使用者的良好體驗,讓我們看看有那些改變 : &lt...

鐵人賽 開發技術 DAY 13

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#13--採用JavaScript進行驗證

上一篇文章:http://ithelp.ithome.com.tw/question/10158551 上一篇文章提到「輸入驗證」,而且透過HTML5新的表單元...

鐵人賽 開發技術 DAY 7
HTML5 & CSS3 系列 第 7

技術 30天分享(9) - HTML5 <details> & <dialog> 標籤

&lt;details&gt; 可以選擇展開內容或者關閉, 預設是標題會有個向右的三角形箭頭, 只要點三角箭頭就能隨意打開、關閉隱藏的內容, 而且只需要用到兩個...

鐵人賽 開發技術 DAY 6
HTML5 & CSS3 系列 第 6

技術 30天分享(8) - HTML5 <datalist> 標籤

&lt;datalist&gt; 是表單元素裡的下拉式選單,功能跟 &lt;select&gt; 大致上相似, 都是給使用者一個下拉式的選單,可以對選項作選擇,...

鐵人賽 開發技術 DAY 11

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#11--jQuery簡介(II)

上一篇文章 http://ithelp.ithome.com.tw/question/10158237 上一篇文章簡單介紹jQuery入門的語法 這篇文章要介紹...

鐵人賽 開發技術 DAY 5
HTML5 & CSS3 系列 第 5

技術 30天分享(7) - HTML5 <object> & <embed> 標籤

&lt;object&gt; &amp; &lt;embed&gt;是一個外嵌檔案標籤, 除了可以嵌入flash動畫,也可以嵌入網頁檔或者是圖片。 原本兩個標籤...

鐵人賽 開發技術 DAY 4
HTML5 & CSS3 系列 第 4

技術 30天分享(6) - HTML5 <svg> 標籤

&lt;svg&gt; 跟 &lt;canvans&gt; 有一些相同之處, 它們都是處理網頁上的圖像,並且標籤本身只是個像是畫布的容器,必須寫入內容才會顯示畫...

鐵人賽 開發技術 DAY 9

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#9-- DOM簡介

上兩篇文章講到 JavaScript入門 http://ithelp.ithome.com.tw/question/10157766 完成後,我才發現:我早就寫...

鐵人賽 開發技術 DAY 3
HTML5 & CSS3 系列 第 3

技術 30天分享(5) - HTML5 <video> 標籤

HTML5 除了 &lt;audio&gt; 標籤,也新增了 &lt;video&gt; 標籤,使影片能輕易的顯示在網頁上, 不過必須瀏覽器支援的格式,各家瀏覽...

鐵人賽 開發技術 DAY 8

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#8-- JavaScript入門 (II)

上一篇文章 http://ithelp.ithome.com.tw/question/10157539 是很粗淺的入門 如果真要學習 JavaScript 手邊...

鐵人賽 開發技術 DAY 2
HTML5 & CSS3 系列 第 2

技術 30天分享(4) - HTML5 <canvas> 標籤

&lt;canvas&gt; 標籤是HTML5的畫布功能,可以在其中繪圖,但標籤本身只是個容器, 畫布內容必須用 javascript 來產生裡面的圖形,簡單的...

鐵人賽 開發技術 DAY 7

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#7-- JavaScript入門 (I)

=============================================== 本系列文章已經集結出書 HTML5、CSS、JavaScript...

鐵人賽 開發技術 DAY 1
HTML5 & CSS3 系列 第 1

技術 30天分享(3) - HTML5 <audio> 標籤

HTML5 新增了 &lt;audio&gt; 標籤,讓網頁能很容易的載入音訊檔,不需要下載外掛播放程式, 不過每個瀏覽器支援的檔案格式不同,顯示的使用者介面也...

鐵人賽 開發技術 DAY 6

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#6-- CSS樣式、Box Model與HTML5

上一篇文章 http://ithelp.ithome.com.tw/question/10157184 我們將融合前面兩章的內容,為HTML5網頁搭配CSS設計...

鐵人賽 開發技術 DAY 4

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#4--超入門的CSS 與 selector

上一篇文章:http://ithelp.ithome.com.tw/question/10156981 CSS跟上一章介紹的&lt;script&gt;標籤有點...

鐵人賽 開發技術 DAY 3

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#3--HTML Form 表單 & Script程式

上一篇文章 http://ithelp.ithome.com.tw/question/10156839 要做一個與使用者互動的網頁,例如:填寫會員資料、購買產品...

鐵人賽 開發技術 DAY 1

達標好文 技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#1--HTML的緣起與Berners-Lee博士

發表於 2014鐵人賽的三十篇HTML5文章 已經收錄成書、集結成冊 =============================================...

技術 HTML5 -- Form表單 與 輸入驗證(Validate)

HTML5 -- Form表單 與 輸入驗證(Validate) 原本是我要出書的內容 文字與圖片都滿多的 要逐一轉貼到網站上與大家分享,有點累人 我直接把Wo...

技術 HTML5 與 SVG圖形入門

SVG(Scalable Vector Graphics) SVG是一種XML語法而且已經納入HTML之中,可以把互動圖形放在您的網頁裡面(放在&lt;svg&...

技術 網頁的 ComboBox 怎麼做? ASP.NET 與 HTML5 DataList

常常有人在論壇上詢問「網頁上有沒有ComboBox」 ComboBox在 Windows程式上很常見 但在網頁HTML表單上,則沒有這個東西 該怎麼實作呢? 常...

鐵人賽 開發技術 DAY 45
CSS沒有極限 系列 第 41

技術 CSS - 鐵人賽結束的心得感想

http://ashareaday.wcc.tw/ A share a day目測已經超過70天了,而其中有45天在IT幫度過。原本只是想說鐵人賽參加個三十天就...

鐵人賽 開發技術 DAY 44
CSS沒有極限 系列 第 40

技術 CSS - pure CSS 星球公轉(3D)

CSS效果:http://ashareaday.wcc.tw/#2013-10-29 (建議chrome) 有些時候技術光學習還不夠,必須想一些作品來實作,而這...

鐵人賽 開發技術 DAY 43
CSS沒有極限 系列 第 39

技術 CSS - 利用jQuery套用Class(2)

承上篇,學會jQuery可以用較少的程式碼控制本身的元件(真的是write less, do more),而本篇要分享給大家的是利用jquery控制其他物件,如...