首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • HTML5實現音訊和視訊嵌入的方法

    HTML5實現音訊和視訊嵌入的方法

    簡介HTML5未出櫃之前，線上的音訊和視訊都是藉助Flash或第三方工具實現的，現在HTML5也支援了這方面的功能。在一個支援HTML5的瀏覽器中，不需要安裝任何外掛程式就能播放音訊和視訊。原生的支援音訊和視頻，為HTML5注入了巨大的發展潛
    2025-02-25
  • HTML5 File接口在web頁面上使用文件下載

    HTML5 File接口在web頁面上使用文件下載

    File接口提供了與文件相關的信息，並且運行JavaScript在web頁面上去訪問文件中的內容。 File對象來自於用戶使用input標籤選擇文件返回的FileList對象，來自於拖放操作的DataTransfer對象。 File對像是一種特
    2025-02-24
  • 詳解HTML5中的picture元素響應式處理圖片

    詳解HTML5中的picture元素響應式處理圖片

    響應式設計所謂的響應式設計，是指在不同的螢幕分辨率，不同的像素密度比，不同寬度的終端設備中，網頁佈局可以自適應的調整。響應式設計的本意是使原本PC上的網站相容於行動終端，大部分的響應式網頁是透過媒體查詢，載入不同樣式CSS檔案實現。這樣的彈
    2025-02-24
  • HTML5新增禁止縮放功能

    HTML5新增禁止縮放功能

    以下一段程式碼介紹了html5新增禁止縮放功能，具體程式碼如下圖所示：
    2025-02-24
  • border-radius是向元素添加圓角邊框的方法

    border-radius是向元素添加圓角邊框的方法

    border-radius:10px; /* 所有角都使用半徑為10px的圓角*/border-radius: 5px 4px 3px 2px; /* 四個半徑值分別是左上角、右上角、右下角和左下角，順時針*/不要以為border-ra
    2025-02-24
  • html編寫edm時注意事項小結(一般發郵件需要注意的地方)

    html編寫edm時注意事項小結(一般發郵件需要注意的地方)

    格式編碼1、頁面寬度請設定在600到800px以內，長度1024px以內。 2、HTML編碼請使用utf-8。3、HTML代碼在15KB以內。 （各個郵箱的收件標準不一樣，如果超出15KB您的郵件很有可能會進入垃圾箱）4、請使用table表格來
    2025-02-24
  • Html5畫布_動力節點Java學院整理

    Html5畫布_動力節點Java學院整理

    1，Canvas的定義<canvas id=myCanvas width=400 height=200>預設<canvas>畫佈在頁面上會顯示一塊空白、無邊框的矩形。為了讓其顯示輪廓，通過定義樣式規則給其添加一個虛線邊框：canvas {
    2025-02-24
  • 一文徹底解決HTML5頁面中長按儲存圖片功能

    一文徹底解決HTML5頁面中長按儲存圖片功能

    本文詳細介紹如何在H5中實現長按保存圖片的功能。長按保存圖片是現在一些宣傳頁H5中很常見的需求，但是js沒有這樣的能力，所以要么借助android或ios的原生能力,要么用canvas自己畫一個（截圖），相比較原生成本太高，且必須依賴a
    2025-02-23
  • 淺析HTML5：'data-'屬性的作用

    淺析HTML5：'data-'屬性的作用

    當大家查看HTML時，常會看到data-role、data-theme等的使用，例如：透過以下程式碼即可實現頁首的效果：<div data-role=header><h1>我是標題</h1></div>為什麼寫一個da
    2025-02-23
  • 詳解canvas drawImage()方法繪製圖片不顯示的問題

    詳解canvas drawImage()方法繪製圖片不顯示的問題

    canvas有個很強大的api是drawImage()（w3c）：他的主要功能就是繪製圖片、視頻，甚至其他畫布等。問題：慕名趕來,卻一腳踩空,低頭一看,地上一個大坑。事情是這樣的,在我看完w3c的介紹和很有說服力和教學力的demo後,本著實
    2025-02-23
  • 詳解HTML5表單新增屬性

    詳解HTML5表單新增屬性

    1. 表單內元素的form屬性在H5中可以把form放到頁面的任何地方，然後為該元素指定一個form屬性，屬性值為該表單的id,這樣就可以聲明該元素從屬於指定表單了<form id=testform>
    2025-02-23
  • HTML5拖放效果的實現代碼

    HTML5拖放效果的實現代碼

    拖放拖放是一種常見的特性，即抓取對像以後拖到另一個位置。在HTML5 中，拖放是標準的一部分，任何元素都能夠拖放。 Internet Explorer 9+, Firefox, Opera, Chrome, 和Safari 支持拖動。注意
    2025-02-23
  • HTML5中的拖放實現詳解

    HTML5中的拖放實現詳解

    關於HTML5中的拖放拖放（Drag 和Drop）是一種常見的特性，即抓取對像以後拖到另一個位置，在HTML5 中，拖放是標準的組成部分。在HTML5中用戶可以使用鼠標選擇一個可拖動元素，將元素拖動到一個可放置元素，並通過釋放鼠標按鈕放
    2025-02-23
  • html5教你做炫酷的碎片式圖片切換(canvas)

    html5教你做炫酷的碎片式圖片切換(canvas)

    前言老規矩，先上源碼。圖片區域是可以點擊的，動畫會從點擊的位置開始發生。本來這個效果是我3年前做的，只是當是是用無數個div 標籤完成的，性能比較成問題，在移動端完全跑不動。最近心血來潮想學習一個做CSS 效果很厲害的大神用純CSS
    2025-02-23
  • 跨域圖片資源權限(CORS enabled image)

    跨域圖片資源權限(CORS enabled image)

    HTML 規範文件為images 引入了crossorigin 屬性, 透過設定適當的頭資訊CORS, 可以從其他網站載入img 圖片, 並用在canvas 中,就像從目前網站(current origin)直接下載的一樣.cros
    2025-02-23
上一頁 137138139140141142143144145下一頁