首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • HTML大於號、小於號、空格、引號等常用的轉義代碼寫法一覽表

    HTML大於號、小於號、空格、引號等常用的轉義代碼寫法一覽表

    表格如下:HTML原始码显示结果描述<<小於号或显示标记>>大於号或显示标记&&可用於显示其它特殊字符"引号®®己注册©©版权™™商标 半方大的空白 全方大的空白
    2025-02-13
  • 純HTML5+CSS3製作生日蛋糕代碼

    純HTML5+CSS3製作生日蛋糕代碼

    以一個前端開發的身份繪製一個簡單的蛋糕慶祝一下今天這個好日子吧,程序員慶生的樂趣與哀愁啊。寫的比較簡陋,感興趣的看一下吧。先發個效果圖吧蛋糕分為三個部分,底部蛋糕,頂層蛋糕和蠟燭部分。 HTML的佈局結構也是按照這三部分佈局的。另外就是使用C
    2025-02-12
  • Canvas 像素處理之改變透明度的實作程式碼

    Canvas 像素處理之改變透明度的實作程式碼

    一定義和用法getImageData()方法傳回ImageData 對象,該物件拷貝了畫布指定矩形的像素資料。注意:ImageData物件不是圖像,它規定了畫布上一個部分(矩形),並保存了該矩形內每個像素的資訊。對於ImageData對
    2025-02-12
  • 基於HTML5 的WebGL 3D 版俄羅斯方塊的範例程式碼

    基於HTML5 的WebGL 3D 版俄羅斯方塊的範例程式碼

    前言摘要:2D 的俄羅斯方塊已經被人玩爛了,突發奇想就做了個3D 的遊戲機,用來玩俄羅斯方塊。 。 。實現的基本想法是先在2D 上實現俄羅斯方塊小遊戲,然後使用3D 建模功能創建一個3D 街機模型,最後將2D 小遊戲貼到3D 模型上
    2025-02-12
  • Canvas高階路徑操作之拖曳物件的實現

    Canvas高階路徑操作之拖曳物件的實現

    為了追蹤所畫內容,諸如畫圖應用程式、電腦輔助設計系統(computer-aided design system 簡稱CAD系統)以及遊戲等許多應用程序,都會維護一份包含當前顯示物件的清單。通常來說,這些應用程式都允許用戶對當前顯示在螢幕上
    2025-02-12
  • canvas與html5實現視頻截圖功能示例

    canvas與html5實現視頻截圖功能示例

    這段時間一直在研究canvas,突發奇想想做一個可以截屏視頻的功能,然後把圖片拉去做表情包,哈哈哈哈哈哈~~製作方法:1.在頁面中加載視頻在使用canvas製作這個截圖功能時,首先必須保證頁面上已經加載完成了這個視頻,這樣才能夠方便的對其操
    2025-02-12
  • HTML5中FileReader接口使用方法實例詳解

    HTML5中FileReader接口使用方法實例詳解

    用來把文件讀入內存,並且讀取文件中的數據。 FileReader接口提供了一個異步API,使用該API可以在瀏覽器主線程中異步訪問文件系統,讀取文件中的數據。到目前文職,只有FF3.6+和Chrome6.0+實現了FileReader接口。 1
    2025-02-12
  • 有關HTML5中背景音樂的自動播放功能

    有關HTML5中背景音樂的自動播放功能

    音樂的自動播放屬性,這裡也介紹一下:<audio controls=controls autoplay=autoplay><source src=song.ogg type=audio/ogg />
    2025-02-12
  • 快速建立HTML5 Canvas 電信網路拓撲圖的範例程式碼

    快速建立HTML5 Canvas 電信網路拓撲圖的範例程式碼

    前言屬性清單想必大家都不會陌生,正常用HTML5 來做的屬性清單大概就是用下拉式選單之類的,而且很多情況下,下拉清單還不夠好看,怎麼辦?我試著用HT for Web 來實現屬性欄點擊按鈕彈出多功能選框,對傳入的資料進行選擇的功能,感覺整體
    2025-02-12
  • 詳解canvas在圓弧周圍繪製文本的兩種寫法

    詳解canvas在圓弧周圍繪製文本的兩種寫法

    教程是直接按弧度進行編寫的自己又試著用角度重新編寫了一份,有些差別,總結起來還是用弧度比較方便,當然兩種哪種理解的容易可以自行斟酌寫代碼有時不一定要按照教程一板一眼的寫,最佳實踐固然是好,但是自己嘗試些別的也許有些別的收穫不是麼~效果如下
    2025-02-12
  • HTML5新特性多線程(Worker SharedWorker)

    HTML5新特性多線程(Worker SharedWorker)

    There is no doubt that JavaScript是沒有多線程之說的,他只能一件事一件事的做,做完一件事再做下一件事,假如你的js要花一段比較長的時間做一件事的話,那麼瀏覽器將會卡頓一段時間,不對用戶的操作產生響應,這可咋辦
    2025-02-12
  • 基於HTML實現多圖上傳預覽功能

    基於HTML實現多圖上傳預覽功能

    自己最近寫了一個網頁多圖上傳的腳本,感覺挺實用的,細節就不要說了,直接貼代碼了~ <head><style>.pro_img{ margin-left:10px;margin-top:10px;width:300px;height: 300p
    2025-02-12
  • html5 http的輪詢和Websocket原理

    html5 http的輪詢和Websocket原理

    一、HTTP的輪詢Web客戶端與伺服器之間基於Ajax(http)的常用通訊方式,分為短連線與長輪詢。短連接:客戶端和伺服器每進行一次HTTP操作,就建立一次連接,任務結束就會中斷連線。長輪詢:客戶端像傳統輪詢一樣從伺服器請求資料。然而,如果
    2025-02-12
  • HTML5中form如何關閉自動完成功能的方法

    HTML5中form如何關閉自動完成功能的方法

    什麼是HTML5的form自動完成功能?首先,HTML5 中有個新屬性autocomplete ,autocomplete 屬性規定表單是否應該啟用自動完成功能,它會自動完成允許瀏覽器預測對欄位的輸入。當使用者在欄位開始鍵入時,瀏覽器基於先前鍵
    2025-02-12
  • 使用phonegap創建聯繫人的實現方法

    使用phonegap創建聯繫人的實現方法

    實例如下:<!DOCTYPE html><html><head><meta charset=UTF-8><title> Database Example</title>
    2025-02-12