首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • HTML5 localStorage使用總結

    HTML5 localStorage使用總結

    一、什麼是localStorage、sessionStorage在HTML5中，新加入了一個localStorage特性，這個特性主要是用來作為本地存儲來使用的，解決了cookie存儲空間不足的問題(cookie中每條cookie的存儲空間
    2025-02-21
  • HTML5利用約束驗證API來檢查表單的輸入數據的代碼實例

    HTML5利用約束驗證API來檢查表單的輸入數據的代碼實例

    HTML5對於表單有著極大程度的優化，無論是語義，小部件，還是數據格式的驗證。我猜你肯定會以瀏覽器兼容作為藉口不願意使用這些新功能，但這絕不應該成為使你停滯不前的原因，況且還有像Modernizr和ployfill這樣的工具庫幫助你在不支持
    2025-02-21
  • H5調用相機拍照並壓縮圖片的實例代碼

    H5調用相機拍照並壓縮圖片的實例代碼

    整理文檔，搜刮出一個H5調用相機拍照並壓縮圖片的實例代碼，稍微整理精簡一下做下分享。背景最近要做一個h5的頁面，主要功能就是調用相機拍照或者是相冊選圖並且把照片壓縮轉base64之後上傳到後台服務器，然後服務器返回識別結果。前端的主要功能點
    2025-02-21
  • 使用phonegap克隆和刪除聯繫人的實現方法

    使用phonegap克隆和刪除聯繫人的實現方法

    實例如下：<!DOCTYPE html><html><head><meta charset=UTF-8><title> Database Example</title>
    2025-02-21
  • HTML中button標籤點擊實現頁面跳轉的三種方法

    HTML中button標籤點擊實現頁面跳轉的三種方法

    方法1：使用onclick事件<input type=button value=按钮onclick=javascrtpt:window.location.href=http://www.baidu.com/ />或直接使用button標
    2025-02-21
  • 通過HTML5規範搞定i、em、b、strong元素的區別

    通過HTML5規範搞定i、em、b、strong元素的區別

    前言為了語義化HTML5增加了不少新標籤。其中i、em和b、strong這兩組標籤是最容易弄混的，不好好去探究一下，還真說不清。這個也是前端面試中經常會問的問題。今天從源頭上，也就是從HTML5的文檔（https://w3c.github.
    2025-02-21
  • Html5行動端彈幕動畫實作範例程式碼

    Html5行動端彈幕動畫實作範例程式碼

    已知20條內容要有彈幕效果，分成三層，速度隨機。 先來看看效果:所以這裡不考慮填寫生成的。只是展現的效果。如果要看填寫生成的，請不要浪費Time思路把單一內容編輯好，計算自身寬度，確定初始位置移動的距離是螢幕寬度js動態的加入css動畫
    2025-02-21
  • HTML5實現可縮放時鐘代碼

    HTML5實現可縮放時鐘代碼

    廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：<!DOCTYPE html><html lang=en><head><meta charset=UTF-8><title> canvas_time</title>
    2025-02-21
  • html5 canvas簡單封裝一個echarts實現不了的圓餅圖

    html5 canvas簡單封裝一個echarts實現不了的圓餅圖

    說明我用echars很久了，如果出現如上圖所示樣式的圓餅圖，我用echarts很難實現，官方給的文檔沒有這種模式的圓餅圖。試過用d3和canvas分別畫餅圖，因為本人對canvas比較熟悉和d3還要引入插件，本著輕量化的原則，所以採用canva
    2025-02-21
  • 不定寬高的文字在div中垂直居中實現方法

    不定寬高的文字在div中垂直居中實現方法

    本人在面試的時候被問到：如何使一段不定寬高的文字垂直居中呢？現在來總結一下：在body中寫入結構<div id=main><div id=login>djshdk awjdsd sede sfcdf vdj sh d
    2025-02-21
  • 純HTML5+CSS3製作生日蛋糕(代碼易懂)

    純HTML5+CSS3製作生日蛋糕(代碼易懂)

    廢話不多說，先給大家展示下效果圖：蛋糕分為三個部分，底部蛋糕，頂層蛋糕和蠟燭部分。 HTML的佈局結構也是按照這三部分佈局的。另外就是使用CSS定位和CSS3的rotate，內外陰影等效果調整部分DOM元素樣式。比較簡單，相信碼農都懂的。不贅
    2025-02-21
  • HTML5 文件上傳下載的實例代碼

    HTML5 文件上傳下載的實例代碼

    前言HTML5 中提供的文件API在前端中有著豐富的應用，上傳、下載、讀取內容等在日常的交互中很常見。而且在各個瀏覽器的兼容也比較好，包括移動端，除了IE 只支持IE10 以上的版本。想要更好地掌握好操作文件的功能，先要熟悉每個API。
    2025-02-21
  • HTML5新增form控制項與表單屬性實例程式碼詳解

    HTML5新增form控制項與表單屬性實例程式碼詳解

    第一個知識點：表單的屬性及總結第二個知識點：H5新增的表單控制項和屬性以及總結第一個知識點：我們常見的表單驗證有哪些呢text 文字方塊標籤password 密碼框checkbox 多選框radio 單選框button 按鈕submit
    2025-02-20
  • 兩款建構符合web標準的XHTML檔案的工具

    兩款建構符合web標準的XHTML檔案的工具

    這裡介紹一些線上的Accessibility和General Developer工具，可以幫助你更快、更好地建立符合web標準的XHTML檔.Accessibility ToolsMarkup Maker只要輸入你的簡單結構，就會輸出一個
    2025-02-20
  • 詳解H5 活動頁之行動端REM 佈局適配方法

    詳解H5 活動頁之行動端REM 佈局適配方法

    拿到設計稿後，如何進行版面還原？如果只需要做非精確的響應式設計，那麼使用媒體查詢來實現就OK 了。如果需要精確還原設計稿，則一般透過縮放來實現。常見方案有基於viewport 和基於rem 的縮放方案。 1 viewport 縮放方案在
    2025-02-20
上一頁 139140141142143144145146147下一頁