iT邦幫忙

html相關文章
共有 441 則文章
鐵人賽 IT技術 DAY 5
新手前端日記 系列 第 5

技術 [新手前端]從平面設計前進 CSS-3 選擇器詳解

簡介 CSS選擇器 上一篇提到要套用樣式,就需要指定某一個特定的元素E 告訴瀏覽器,我就是要把樣式套在這個 E 上面,就像我們作圖時先找出要做特效的圖層然後套用...

鐵人賽 IT技術 DAY 5
只是路過 HTML5 系列 第 5

技術 HTML5的Video標籤(3)

介紹在<video>裡可以放置的特性(Attributes)- control preload loop muted control 指定是否顯示控...

鐵人賽 IT技術 DAY 4
只是路過 HTML5 系列 第 4

技術 HTML5的Video標籤(2)

audio和video都是Media Elements- 介紹在<video>裡可以放置的特性(Attributes)- src autoplay...

鐵人賽 IT技術 DAY 4
新手前端日記 系列 第 4

技術 [新手前端]從平面設計前進 CSS-2 選擇器之.class #ID

簡介平面設計所需要知道的CSS知識,設計也許不需要實際上寫出CSS,但是對CSS概念的了解可以幫助設計出更好的網頁版面。 上一篇簡介了如何在HTML內使用CSS...

鐵人賽 IT技術 DAY 3
新手前端日記 系列 第 3

技術 [新手前端]從平面設計前進 CSS-1

由平面設計的角度來看 CSS的基本概念 上一篇簡介了HTML,版面來比喻,HTML就是不同的元素,而CSS就是這些元素的造型。 如果說HTML是一篇有標題、大綱...

鐵人賽 IT技術 DAY 2
只是路過 HTML5 系列 第 2

技術 為什麼要使用HTML5?

為什麼Apple的iPhone和iPad不支援Flash? 為什麼現在Google/Youtube/Vimeo/Android等,越來越多平台,都選擇了HTML...

鐵人賽 IT技術 DAY 2
新手前端日記 系列 第 2

技術 [新手前端]從平面設計前進 HTML

由平面設計的角度開始去理解HTML的構成 我最早開始做網頁是高中時期,當初還在播接,各校的BBS都還興盛,入口網站是奇摩、蕃薯藤,最大的網路社團是cityfam...

鐵人賽 IT技術 DAY 1
只是路過 HTML5 系列 第 1

技術 HTML5的相關網站介紹

過去的HTML,對視覺設計者和程式開發者而言,在網頁製作上較為困難和辛苦。 HTML5則是將內容和外觀明確的訂定出來。 學習新技術之前,會先找一些資料, 分享小...

鐵人賽 IT技術 DAY 7

技術 Store App 的 Html Controls

http://ithelp.ithome.com.tw/ironman5/player/seanamph/tech/1 從 http://msdn.micros...

鐵人賽 IT人生 DAY 1

技術 歸零

大學過一半了,現在正精彩 大三開始要做專題了 暑假就斷斷續續看一些書了 Html Css JavaScript 說真的自己學真的很難 但會很有成就感 當初寫程式...

達標好文 技術 可撐長時間運作的動態網頁技術 - 結案報告

經過半個月的時間,把上次分享的問題【可撐長時間運作的動態網頁技術?】做個總結。 前文提到,因為網頁天生不是用來擺著長時間運作的。所以它的運作環境,包含瀏覽器、D...

技術 可撐長時間運作的動態網頁技術?

已經有邦友在抱怨沒什麼新鮮事好聊了,以前這種『上網倦怠症』會由女王定期的話題來化解,不過不知道女王是否也受到『上網倦怠症』的荼毒而呈半退休狀態 ...因此野人獻...

鐵人賽 IT人生鐵人 DAY 18
九一每日隨想 系列 第 18

技術 九一每日隨想之十八:怎樣做網頁省時省力?

今天做網頁時照舊很快的把會議記錄word檔修一修,確認無誤後,就作成pdf檔,然後加個連結就完成了,簡簡單單、輕輕鬆鬆,幾分鐘搞定! 想起以前開始學做網頁時,自...

技術 jQuery與動態圖形按鈕

CSS的部份 img.ButtonImage { border: 0; cursor: pointer; padding: 0; margin: 0; } Ja...

鐵人賽 開發鐵人 DAY 30
HTML5試試看 系列 第 30

技術 [HTML5試試看-30] 尾聲

粗枝大葉地把HTML5做了簡單的嘗試,最後還是講一些感想吧... 之前W3C跟微軟搞出了一段新聞,微軟的IE9 Preview6在W3C的測試中,似乎支援程度最...

鐵人賽 開發鐵人 DAY 29
HTML5試試看 系列 第 29

技術 [HTML5試試看-29] 綜合應用

今天實在不想再寫程式...所以還是介紹一下網路上可以找到的HTML5應用及資源吧。 首先,前幾天在ZDNET上面看到一則新聞,根據某些「人士」分析,HTML5可...

鐵人賽 開發鐵人 DAY 28
HTML5試試看 系列 第 28

技術 [HTML5試試看-28] 多工 - SharedWorker

顧名思義,SharedWorker與Worker(DedicatedWorker)最大的不同,就是他可以同時為多個網頁服務。 為了驗證,我先試著使用Worker...

鐵人賽 開發鐵人 DAY 27
HTML5試試看 系列 第 27

技術 [HTML5試試看-27] 多工 - WebWorkers

在瀏覽器中,Javascript雖然可以利用setTimeout或setInterval來達到非同步執行的效果,但是實際上所有的程式是共用一個event loo...

鐵人賽 開發鐵人 DAY 26
HTML5試試看 系列 第 26

技術 [HTML5試試看-26] GeoLocation

GeoLocation其實跟HTML5規格沒有那麼直接的關聯性,不過還是常常被擺在「泛」HTML5相關的API裡面。他的介面及功能並不複雜,不過關鍵還是瀏覽器有...

鐵人賽 開發鐵人 DAY 25
HTML5試試看 系列 第 25

技術 [HTML5試試看-25] 離線程式

HTML5引入了一個離線運作的機制,這個機制可以讓我們在離線的狀態下還也以使用設定好的網頁,並且在恢復連線時可以更新資料。這些只要在html標籤增加一個屬性,搭...

鐵人賽 開發鐵人 DAY 24
HTML5試試看 系列 第 24

技術 [HTML5試試看-24] 儲存 - Web SQL及其他資料庫

除了WebStorage(localStorage, sessionStorage),儲存相關的API其實還有不少,包括Web SQL Database、Ind...

鐵人賽 開發鐵人 DAY 23
HTML5試試看 系列 第 23

技術 [HTML5試試看-23] 資料儲存 - Web Storage

Web Storage提供了sessionStorage以及localStorage兩種方式,讓我們可以在Client端保存各種資料。來試試看... 從規格上看...

鐵人賽 開發鐵人 DAY 22
HTML5試試看 系列 第 22

技術 [HTML5試試看-22] 溝通 - WebSocket Protocol

應該是考慮到雙向資料傳送及安全因素,所以...Websocket的溝通方式雖然還是類似http,但是過程比Server sent event複雜很多,獨立成為一...

鐵人賽 開發鐵人 DAY 21
HTML5試試看 系列 第 21

技術 [HTML5試試看-21] 溝通 - WebSocket

如果要跟伺服器做雙向溝通,就需要使用到WebSocket。與EventSource類似,WebSocket在瀏覽器端的使用是非常簡單的。 先來研究一下WebSo...

鐵人賽 開發鐵人 DAY 20
HTML5試試看 系列 第 20

技術 [HTML5試試看-20] 溝通 - server sent event

server sent event基本上是由伺服器端單向送出資料的溝通機制,類似server push。這是一個與http相容的方法,只需要伺服器端送出特定的h...

鐵人賽 開發鐵人 DAY 19
HTML5試試看 系列 第 19

技術 [HTML5試試看-19] 溝通 - channel message

根據規格書的解釋,channel messaging與cross-document messaging的差別在於,他提供了一個全雙工的溝通管道,所以理論上不同的...

鐵人賽 開發鐵人 DAY 18
HTML5試試看 系列 第 18

技術 [HTML5試試看-18] 溝通 - cross document message

HTML5為了在不同情境下使用,設計了幾種溝通的方式,包含文件之間溝通的cross-document messaging、channel messaging,還...

鐵人賽 開發鐵人 DAY 17
HTML5試試看 系列 第 17

技術 [HTML5試試看-17] 互動機制 - drag and drop 與 File API

HTML5的drag and drop機制,不僅可以接收從其他應用軟體拖曳過來的資料,他其實還可以讀取檔案。讀取檔案,靠的是File API。 還是先看一下Fi...

鐵人賽 開發鐵人 DAY 16
HTML5試試看 系列 第 16

技術 [HTML5試試看-16] 互動機制 - drag and drop(續)

HTML5的Drag and Drop中,最有意思的是跟使用者的系統整合!所以在瀏覽器可以接收從其他應用軟體拖拉進來的各種東西。 如果要接收從作業系統來的拖拉事...

鐵人賽 開發鐵人 DAY 15
HTML5試試看 系列 第 15

技術 [HTML5試試看-15] 互動機制 - drag and drop

過去在網頁裡面實現drag and drop是很麻煩的,需要配合CSS、onmousedown、onmouseup、setInterval()等,來做出元件拖曳...