首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • LocalStorage記住用戶和密碼功能

    LocalStorage記住用戶和密碼功能

    隨著HTML5規範的普及，我們不再用cookie來實現記住密碼，通常會用的LocalStorage及本地緩存。對於Cookie來說它只有一個document.cookie這一個API可以使用,不管是讀取Cookie還是存儲Cookie你都只
    2025-02-15
  • HTML 使用表單標籤實作註冊頁面的實例程式碼

    HTML 使用表單標籤實作註冊頁面的實例程式碼

    案例說明： - 使用表格實現頁面效果- 超連結不想要有效果，使用href=# - 如果表格裡面的單元格沒有內容，使用空格作為佔位符- 使用圖片標籤提交表單<input type=image src=图片的路径/>完整
    2025-02-15
  • HTML5自定義屬性前綴data-及dataset的使用方法(html5 新特性)

    HTML5自定義屬性前綴data-及dataset的使用方法(html5 新特性)

    HTML5規定可以為元素添加非標準的屬性，但要添加前綴data- ，目的是為元素提供與渲染無關的信息，或者提供語義信息。這些屬性可以任意添加、隨便命名，只要以data- 開頭即可添加了自定義屬性之後，可以通過元素的dataset 屬性
    2025-02-15
  • HTML table鼠標拖拽排序功能

    HTML table鼠標拖拽排序功能

    效果圖：1.引入文件<script src=js/jquery-1.10.1.min.js></script><link rel=stylesheet href=Public/css/jquery-ui.min.css>
    2025-02-15
  • HTML5各種頭部meta標籤的功能(推薦)

    HTML5各種頭部meta標籤的功能(推薦)

    <!DOCTYPE html>H5標準聲明，使用HTML5 doctype，不區分大小寫<head lang=en>標準的lang 屬性寫法<meta charset= ’utf-8′>聲明文檔使用的字符編碼
    2025-02-15
  • HTML5如何使用SVG的方法範例

    HTML5如何使用SVG的方法範例

    程式碼優化永遠是程式設計師亙古不變的需求，而合理的利用SVG圖片來取代部分PNG/JPG等格式的圖片則是前端優化重要的一環，既然是優化，那我們先來看看SVG圖片都有哪些優點：SVG 可被非常多的工具讀取和修改（例如記事本）SVG 與JPEG 和
    2025-02-14
  • HTML5新特性之type=file檔案上傳功能

    HTML5新特性之type=file檔案上傳功能

    1、語法<input name=myFile type=file>2、屬性（以下三個僅HTML5支持，因此存在相容性問題）（1）multiple ：表示使用者是否可以選擇多個值。 multiple只能用於type=file和type=email
    2025-02-14
  • 純css實作（無腳本）Html指令式tooltip文字提示效果

    純css實作（無腳本）Html指令式tooltip文字提示效果

    分析執行流程滑鼠移入節點檢測是該節點是否存在開啟實現tooltip實現的標識（類名，屬性等） 檢測主題、位置（類名，屬性等） 生成/ 顯示氣泡借鑒他人讓我們先來看看element- ui的tooltip樣式很明顯，氣泡的位置是透過ja
    2025-02-14
  • HTML表單提交的幾種方式_動力節點Java學院整理

    HTML表單提交的幾種方式_動力節點Java學院整理

    方式一：通過submit按鈕提交<!DOCTYPE html><html><head><title>通過submit按鈕提交</title><meta charset=UTF-8/></head><body>
    2025-02-14
  • 鮮為人知的HTML5語音合成功能

    鮮為人知的HTML5語音合成功能

    聽一下就會發現，播放出來的聲音並不是預先錄製好的音訊資料，而是透過文字辨識後合成的語音請先戴上耳機，然後將下面的程式碼複製到chrome控制台中體驗～let msg = new SpeechSynthesisUtterance(歡迎你讀我的
    2025-02-14
  • HTML5canvas 繪製一個圓環形的進度表示實例

    HTML5canvas 繪製一個圓環形的進度表示實例

    HTML5 canvas 繪製圓環形進度先看一下畫出來的效果,如下圖,這樣一個圓環形的進度.我這裡使用HTML5的Canvas來要製作這樣一個圓環形的進度,首先是HTML頁面,HTML5的文檔標識是:<!DOCTYPE html>這個文檔標
    2025-02-14
  • HTML5、Select下拉框右邊加圖標的實現代碼(增進用戶體驗)

    HTML5、Select下拉框右邊加圖標的實現代碼(增進用戶體驗)

    本文給大家講h5、select下拉框右邊加圖標，深度美化頁面增進用戶體驗效果1.那麼我們先來看一下效果吧！ 2.再看看h5的結構：<div id=login-div>
    2025-02-14
  • HTML 5.1學習之新增的14項特性與應用示例

    HTML 5.1學習之新增的14項特性與應用示例

    前言眾所周知HTML5 屬於萬維網聯盟(W3C), 這個組織為整個網絡界提供了標準，如此形成的協議可在全世界通行。在2016 年11 月， W3C 對長期行使的HTML 5 標准進行了更新，它是2年內的第一次小更新。許多最開始提出的
    2025-02-14
  • html5 div佈局與table佈局詳解

    html5 div佈局與table佈局詳解

    本文實例為大家解析了html5 div佈局與table佈局，供大家參考，具體內容如下div佈局：html+css實現簡單佈局。 #container中height不能寫成百分數，必須為具體高度。<!DOCTYPE html><html>
    2025-02-14
  • HTML5本地存儲之IndexedDB

    HTML5本地存儲之IndexedDB

    IndexedDB 是一種低級API，用於客戶端存儲大量結構化數據(包括, 文件/ blobs)。該API使用索引來實現對該數據的高性能搜索。最近有一項業務需求，就是可以離線存儲數據，等到有網絡信號的時候可以上傳表單和圖片。所以研究了一下H
    2025-02-14
上一頁 144145146147148149150151152下一頁