首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • html5簡介_動力節點Java學院整理

    html5簡介_動力節點Java學院整理

    HTML(Hypertext Markup Language,超文本標記語言)誕生於20世紀90年代初,用於指定構建網頁的元素,這些元素中的大多數都用於描述網頁內容,如標題、段落、列表、指向其他網頁的鏈接等。 HTML5是HTML的最新版本,
    2025-03-06
  • html5將圖片轉換成base64的實例代碼

    html5將圖片轉換成base64的實例代碼

    base64編碼介紹base64是一種網絡上常用的8bit字節代碼的編碼方式,base64可以用於http環境下傳遞較長的標識信息,同時可以放在url當中使用,因為base64不懼可讀性,所以具有一定的加密功能。為什麼要把圖片轉換成base
    2025-03-05
  • canvas中普通動效與粒子動效的實作程式碼範例

    canvas中普通動效與粒子動效的實作程式碼範例

    canvas用於在網頁上繪製圖像、動畫,可以將其理解為畫布,在這個畫布上建立想要的效果。 canvas可以繪製動態效果,除了常用的規則動畫之外,還可以採用粒子的概念來實現較複雜的動效,本文分別採用普通動效與粒子特效實現了一個簡單的時鐘。普通時
    2025-03-05
  • 淺談HTML的語義化和一些簡單優化

    淺談HTML的語義化和一些簡單優化

    1、什麼是語義化?必應網典的解釋語義化是指用合理HTML標記以及其特有的屬性去格式化文檔內容。通俗地講,語義化就是對數據和信息進行處理,使得機器可以理解. 語義化的(X)HTML文檔有助於提升你的網站對訪客的易用性,比如使用PDA、文字瀏覽
    2025-03-05
  • canvas之自定義頭像功能實現代碼示例

    canvas之自定義頭像功能實現代碼示例

    寫在最前:前兩天老大跟我說老虎官網上那個自定義頭像的功能是flash實現的,沒有安裝過的還得手動去允許falsh的運行。所以讓我用canvas實現一個一樣的功能,嘿嘿,剛好最近也在研究canvas,所以欣然答應(其實,你沒研究過難道就不答應
    2025-03-05
  • 詳解canvas繪製多張圖的排列順序問題

    詳解canvas繪製多張圖的排列順序問題

    在開發中,如果遇到需要使用canvas同時繪製多張圖片,但因為圖片大小的不一樣,排在數組前面的圖片不一定能先被load然後繪製,就可能會導致畫出來的圖的排列順序和預想的不一樣(特別是因為跨域加了網域重定向的圖片特別明顯),我的解決方法是:先
    2025-03-05
  • 使用HTML5和CSS3表單驗證功能

    使用HTML5和CSS3表單驗證功能

    客戶端驗證是網頁客戶端程序最常用的功能之一,我們之前使用了各種各樣的js庫來進行表單的驗證。 HTML5其實早已為我們提供了表單驗證的功能。至於為啥沒有流行起來估計是兼容性的問題還有就是樣式太醜陋了吧。下面我們將來一步一步創造一個HTML5和
    2025-03-05
  • 使用Html5實現異步上傳文件,支持跨域,帶有上傳進度條

    使用Html5實現異步上傳文件,支持跨域,帶有上傳進度條

    服務器準備IIS需要設置IIS裡面的HTTP響應標頭,如圖添加如下設置,添加這項Access-Control-Allow-Origin,只有添加了這行才能支持跨域,不然像Chrome瀏覽器會報錯頁面代碼: XML/HTML Code複製內容到
    2025-03-05
  • Html5實現單張、多張圖片上傳功能

    Html5實現單張、多張圖片上傳功能

    前言今天我們聊聊圖片上傳,單張Or多張,如今,各大圖片上傳外掛數不勝數,例如:Jquery的verupload.js,jQuery File Upload、Uploadify、jQuery.filter等等。 But。上面說到的這些插件
    2025-03-05
  • 基於canvas使用貝塞爾曲線平滑擬合折線段的方法

    基於canvas使用貝塞爾曲線平滑擬合折線段的方法

    寫在最前本次分享一下在canvas中將繪製出來的折線段的棱角磨平,也就是透過貝塞爾曲線穿過各個描點來代替原有的折線圖。為什麼要平滑擬合折線段先來看下Echarts下折線圖的渲染效果:一開始我沒注意到其實這個折線段是曲線穿過去的,只認為是單純
    2025-03-04
  • html頁面跳轉傳遞參數問題

    html頁面跳轉傳遞參數問題

    效果如下:a頁麵點擊跳轉按鈕後在b頁面可以獲取到對應的值。代碼如下:a頁面:<!DOCTYPE html><html><head lang=en><meta charset=UTF-8>
    2025-03-04
  • canvas實作圖片馬賽克的範例程式碼

    canvas實作圖片馬賽克的範例程式碼

    1. 原生canvas實作用到的API1) getContext(contextID) ---傳回一個用於在畫布上繪圖的環境複製程式碼
    2025-03-04
  • HTML5操作WebSQL數據庫的實例代碼

    HTML5操作WebSQL數據庫的實例代碼

    HTML代碼:<!DOCTYPE html><html><head lang=en><meta charset=UTF-8><title>列車時刻表查詢</title>
    2025-03-04
  • 詳解html5 canvas常用api總結(二)--繪圖API

    詳解html5 canvas常用api總結(二)--繪圖API

    canvas可以繪製出很多奇妙的樣式和美麗的效果,通過幾個簡單的api就可以在畫布上呈現出千變萬化的效果,還可以製作網頁遊戲,接下來就總結一下和繪圖有關的API。繪畫的時候canvas相當於畫布,而context相當於畫筆。 1.繪製線條mo
    2025-03-04
  • 5種做法實現table表格中的斜線表頭效果

    5種做法實現table表格中的斜線表頭效果

    table表格,這個東西大家肯定都不陌生,代碼中我們時常都能碰到,那麼給table加一個斜線的表頭有時是很有必要的,但是到底該怎麼實現這種效果呢?我總結了以下幾種方法:1、最最最簡單的做法直接去找公司的UI,讓她做一張圖片,作為背景圖片放到
    2025-03-04