首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • canvas實作按住滑鼠移動繪製出軌跡的範例程式碼

    canvas實作按住滑鼠移動繪製出軌跡的範例程式碼

    摘要工作以來，寫過vue、react、正規、演算法、小程式等知識，唯獨沒有寫過canvas，因為實在不會啊！ 2018年，為自己設定一個小目標：學會canvas，達到的效果是能用canvas實現一些css3不容易實現的動畫。本文作為學習canv
    2025-02-02
  • HTML背景圖片和背景色_動力節點Java學院整理

    HTML背景圖片和背景色_動力節點Java學院整理

    一、HTML圖像<img>1.<img>標籤和它的src屬性在HTML 中，圖像由<img>標籤定義。<img>是一個空標籤，意思是說，它只包含屬性，並且沒有閉合標籤（而是直接以/>結尾）。要在頁面上顯示圖像，你需要使用源屬性（
    2025-02-01
  • HTML如何在兩個div標籤中間畫一條垂直線

    HTML如何在兩個div標籤中間畫一條垂直線

    近日在畫一個介面的時候，遇到一個需求：在介面當中畫一條豎線，且這條豎線在高度上需要自動佔滿整個父div(即這條豎線的高度和兩個div中較高的一個等高)。往常我們畫一條橫線直接用標籤<hr>即可，畫一條垂直線的時候發現找不到標籤。在網路上找了
    2025-02-01
  • HTML5 常見面試題之PC端與行動端區別介紹

    HTML5 常見面試題之PC端與行動端區別介紹

    一、概念1、PC端和行動端有什麼區別從我個人角度來說，我覺得PC端的定位就是用戶視覺瀏覽路線，可以顯示較多的內容，而行動互聯網終端的定位就是便攜，體現的是Anyone Anytime Anywhere的理念，它不是替代PC的設備，準確的說是
    2025-02-01
  • canvas 如何繪製線段的實作方法

    canvas 如何繪製線段的實作方法

    學習canvas，首先得知道如何去繪製線段，然後才能通過很多簡單的線段去實現比較複雜的圖形，比如常見的圖表，柱狀圖，折線圖等都是通過一段一段的線段實現的。基礎知識canvas 的基礎知識不多，主要掌握如何繪製線段，圖形，圖片，文字等。 ca
    2025-02-01
  • 使用phonegap播放音頻的實現方法

    使用phonegap播放音頻的實現方法

    實例如下：<!DOCTYPE html><html><head><meta charset=UTF-8><title> Compass Example</title>
    2025-02-01
  • Html屏蔽右鍵選單和左鍵劃字功能的範例

    Html屏蔽右鍵選單和左鍵劃字功能的範例

    禁止右鍵選單<body oncontextmenu=self.event.returnValue=false>禁止左鍵劃字複製 採用CSS來控制是否可以選擇文字.unselec
    2025-02-01
  • HTML5 使用sessionStorage 進行頁面傳值的方法

    HTML5 使用sessionStorage 進行頁面傳值的方法

    HTML5 提供的本機儲存功能，使得web應用程式可以將資料儲存在使用者的本機瀏覽器中。在HTML5 中，資料不是由每個伺服器請求傳遞的，而是只有在請求時使用資料。它使在不影響網站效能的情況下儲存大量資料成為可能。在客戶端儲存的方法有兩種：1.
    2025-02-01
  • Canvas製作旋轉的太極的範例

    Canvas製作旋轉的太極的範例

    前言好久沒動canvas了，今下午突然想回顧一下，就寫了個旋轉的太極，哈哈，蠻好玩的，在這裡就將自己寫的過程展示出來，旋轉使用的css實現的，沒有用canvas自己的，希望大佬們不要吐槽。 cssbody{ background: #d
    2025-02-01
  • HTML5的Video標籤有部分MP4無法播放的問題解析（多圖）

    HTML5的Video標籤有部分MP4無法播放的問題解析（多圖）

    現在網頁視頻的應用極為廣泛，在實際項目中發現有些MP4文件可以在H5網頁中正常播放，但有些卻不行，這是為什麼呢？ 1、首先我自己從網上下載的一個MP4文件，IE10和谷歌都能正常播放。然後自己用格式化工廠轉換了一個RMVB文件為MP4，然後就
    2025-02-01
  • 利用canvas實現圖片壓縮的範例程式碼

    利用canvas實現圖片壓縮的範例程式碼

    專案中做身分證辨識時，需要傳送圖片的base64 格式編碼，但是手機拍攝的照片都太大了，轉成base64 簡直可怕，因此找了一下解決辦法涉及到的知識點onchange 事件是在上傳完文件之後觸發使用files 屬性取得到上傳的文件對象
    2025-02-01
  • HTML5新控制項之日期和時間選擇輸入的實作程式碼

    HTML5新控制項之日期和時間選擇輸入的實作程式碼

    HTML5定義了幾個與日期相關的新控制項。支援日期控制項的瀏覽器會提供一個方便的下拉式日曆，供使用者選擇。注意：目前只有Chrome和Opera提供下拉式日曆支持，其它瀏覽器仍是一個普通文字方塊。 1，日期控件- date
    2025-02-01
  • HTML中錨點的使用_動力節點Java學院整理

    HTML中錨點的使用_動力節點Java學院整理

    現在總結一下控制錨點的幾種情況：1. 在同一頁面中<a name=add></a><!-- 定义锚点 --><a href=#add>跳轉到add</a> 2. 在不同頁面中，錨點定位在a.html中，從另外一個頁面的鏈接跳轉到這個錨點<a
    2025-02-01
  • localstorage和sessionstorage使用記錄(推薦)

    localstorage和sessionstorage使用記錄(推薦)

    通過閱讀各路大神對web存儲locastorage和sessionstorage的用法解析，自己試用了一下，在此留個備忘。在項目中，如果用到很多次storage，要存儲很多數據，就要把它封裝成函數了：（該函數係不知名大神所寫，如有侵犯原創，
    2025-02-01
  • 詳解HTML5中垂直上下居中的解決方案

    詳解HTML5中垂直上下居中的解決方案

    在CSS中，則要吐槽一下，利用margin:0 auto;可以達到水平方向的居中，但是margin: auto 0則無法達到垂直方向的居中。這裡主要還是由於沒有對父控製即控製本身進行正確的定位。直接看程式碼， 首先對父控制項需要使用相對佈局，之
    2025-02-01
上一頁 158159160161162163164165166下一頁