首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • HTML5 canvas基本繪圖之繪製曲線

    HTML5 canvas基本繪圖之繪製曲線

    <canvas></canvas>是HTML5中新增的標籤，用於繪製圖形，實際上，這個標籤和其他的標籤一樣，其特殊之處在於該標籤可以獲取一個CanvasRenderingContext2D對象，我們可以通過JavaScript腳本來控制該對
    2025-02-16
  • 手機端用rem+scss做適合的詳解

    手機端用rem+scss做適合的詳解

    rem介紹rem（font size of the root element）是指相對於根元素（即html元素）的字體大小的單位。假設根元素的字體大小是10px, 則5rem的大小為5*10=50px,例如html{ font-si
    2025-02-16
  • HTML5中原生的右鍵菜單創建方法

    HTML5中原生的右鍵菜單創建方法

    即使是JavaScript被禁止，這些右鍵菜單仍然能正常顯示。所以，如果你想尊重用戶的選擇，最好的方法是用JavaScript來創建這些菜單元素，注入到DOM元素裡，這樣，當JavaScript被禁止時，這些右鍵菜單也不顯示了。 HTML5規
    2025-02-16
  • html 表格單元格的寬度和高度的設定方法

    html 表格單元格的寬度和高度的設定方法

    做網頁的時候，常常會碰到表格寬度對不齊的問題。詳細看了html中表格標籤table的高度和寬度設定的細節，現總結如下：1、table中的width和height設定及其作用：table中設定的height其實是設定個最小值，也就是當表格中
    2025-02-16
  • HTML5新表單元素_動力節點Java學院整理

    HTML5新表單元素_動力節點Java學院整理

    HTML5 新的表單元素HTML5 有以下新的表單元素:<datalist> <keygen> <output>注意:不是所有的瀏覽器都支持HTML5 新的表單元素，但是你可以在使用它們，即使瀏覽器不支持表單屬性，仍然可以顯示為常規的表單
    2025-02-16
  • H5 canvas實現貪吃蛇小遊戲

    H5 canvas實現貪吃蛇小遊戲

    本文介紹了H5 canvas實現貪吃蛇小遊戲，分享給大家，具體如下：實現效果如下實現思路：ps：這個只是思路，詳細可看代碼註釋一、先把蛇畫出來定義一下蛇的結構，用一個數組保存一堆矩形，包含蛇頭（紅）和蛇身（灰）。畫蛇（初始狀態）二、蛇能動（
    2025-02-15
  • HTML5 新表單類型範例程式碼

    HTML5 新表單類型範例程式碼

    示範.html：<!DOCTYPE html><html lang=en><head><meta charset=UTF-8><title>文件</title><style>
    2025-02-15
  • 詳解html5頁面rem 佈局適配方法

    詳解html5頁面rem 佈局適配方法

    rem 佈局適配方案主要方法為：依照設計稿與裝置寬度的比例，動態計算並設定html 根標籤的font-size 大小；css 中，設計稿元素的寬、高、相對位置等取值，依照同等比例換算為rem 為單位的值；設計稿中的字體使用px 為單
    2025-02-15
  • 可能這些是你想要的H5軟鍵盤相容方案(小結)

    可能這些是你想要的H5軟鍵盤相容方案(小結)

    前言最近一段時間在做H5 聊天項目，踩過其中一大坑：輸入框獲取焦點，軟鍵盤彈起，要求輸入框吸附（或頂）在輸入法框上。需求很明確，看似很簡單，其實不然。從實驗過一些機型上看，發現主要存在以下問題：在Android 和IOS 上，獲知軟鍵
    2025-02-15
  • H5混合開發app如何升級的方法

    H5混合開發app如何升級的方法

    當我們的app開發完成之後，無可避免的以後會進行產品升級，那麼我們希望在客戶的手機上讓app進行自動升級，可以分為自動升級和手動升級。自動升級：一般在客戶app第一次開啟首頁的時候。手動升級：在app介面提供一個升級的入口。介面效果示範如下
    2025-02-15
  • canvas像素點操作影片綠幕摳圖

    canvas像素點操作影片綠幕摳圖

    本文介紹了canvas像素點操作之視訊綠幕摳圖，分享給大家，具體如下：用法：context.putImageData(imgData, x, y, dX, dY, dWidth, dHeight);參數描述imgData規定要放回畫布的 I
    2025-02-15
  • 關於html的表單元素詳解(一)

    關於html的表單元素詳解(一)

    HTML 表單用於蒐集不同類型的用戶輸入HTML 表單用於收集用戶輸入；form 元素定義HTML 表單。<form> form elements</form> Action 屬性action 屬性定義在提交表單時執行的動作。向服務器
    2025-02-15
  • 淺談Html5行動端ios/Android相容性總結

    淺談Html5行動端ios/Android相容性總結

    以前做pc端，也會遇到相容性的問題，不過說實話，腦海裡全是ie的問題，並沒有什麼可特別注意的，可能是我不善總結，現在做移動端（本來覺得移動端很easy，所以沒放在眼裡），so，我錯了，我為自己的輕視高傲買單！最近就遇見了一些相容性bug，從
    2025-02-15
  • canvas學習總結三之繪製路徑-線段

    canvas學習總結三之繪製路徑-線段

    Canvas繪圖環境中有些屬於立即繪製圖形方法，有些繪圖方法是基於路徑的。立即繪製圖形方法只有兩個strokeRect(),fillRect(),雖然strokezText(),fillText()方法也是立即繪製的，但是文字不算是圖形。基
    2025-02-15
  • 在html中顯示JSON數據的方法

    在html中顯示JSON數據的方法

    背景：有時候我們需要將json數據直接顯示在頁面上（比如在做一個接口測試的項目，需要將接口返回的結果直接展示），但是如果直接顯示字符串，不方便查看。需要格式化一下。解決方案：其實JSON.stringify本身就可以將JSON格式化，具體的
    2025-02-15
上一頁 143144145146147148149150151下一頁