首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • 解決img標籤上下出現間隙的方法

    解決img標籤上下出現間隙的方法

    我們在平常的開發過程中,經常需要使用多張圖片,而使用多張圖片的時候,我們一般會去使用一個列表來對我們的img 進行承裝。<!DOCTYPE html><html lang=en><head><meta charset=UTF-8>
    2025-03-04
  • HTML5中的Web Notification桌面右下角通知功能的實現

    HTML5中的Web Notification桌面右下角通知功能的實現

    html5桌面通知(Web Notifications)對於需要實作在新訊息入線時,有桌面通知效果的情況下非常有用,在此簡單介紹一下這個html5的新屬性。透過Web Notifications(桌面通知系統),網站可以在使用者桌面彈出一通
    2025-03-04
  • html在消息按鈕上增加數量角標的實現代碼
  • 關於IFRAME自適應高度的研究

    關於IFRAME自適應高度的研究

    重要提示:src=中你必須填寫的網頁地址,一定要和本頁面在同一個站點上,否則,會抱錯,說“拒絕訪問!” 之前自己也碰到過這個問題,為了得到答案去網上搜索,發現有不少人也遇到了這樣的問題,現在就把解決方法共享一下超簡單哦1、建立一個bot
    2025-03-03
  • 基於HTML5的WebSocket的實例程式碼

    基於HTML5的WebSocket的實例程式碼

    基於HTML5的WebSocket的實例程式碼客戶端程式碼: <html><head><script>var socket;if (WebSocket in window) {var ws = new WebSocket(ws://127.0.0
    2025-03-03
  • 行動端Html5中百度地圖的點擊事件

    行動端Html5中百度地圖的點擊事件

    根據百度地圖官方解釋,在移動端H5 頁面中可監聽下面這4 個事件:touchstart, touchmove, touchend, longpress而如果地圖上監聽了click 事件,在移動端是不會執行這個事件裡面的代碼的。我之前做
    2025-03-03
  • html5 sessionStorage會話存儲_動力節點Java學院整理

    html5 sessionStorage會話存儲_動力節點Java學院整理

    sessionStorage 是HTML5新增的一個會話存儲對象,用於臨時保存同一窗口(或標籤頁)的數據,在關閉窗口或標籤頁之後將會刪除這些數據。本篇主要介紹sessionStorage(會話存儲)的使用方式。包括添加、修改、刪除等操作。 s
    2025-03-03
  • html5本地存儲localStorage操作使用詳解

    html5本地存儲localStorage操作使用詳解

    1、html5幾種存儲形式本地存儲(localStorage && sessionStorage)離線緩存(application cache)indexedDB 和webSQL2、localStorage && sessionStora
    2025-03-03
  • canvas線條的屬性詳解

    canvas線條的屬性詳解

    一、線條的帽子lineCap取值:butt(預設值),round圓頭,square方頭var canvas=document.getElementById(canvas);canvas.width=800;canvas.height=800
    2025-03-03
  • Canvas多邊形繪製的實作方法

    Canvas多邊形繪製的實作方法

    前言Canvas繪製多變形非常簡單,只要懂得Canvas路徑+ 簡單的初中數學知識即可完成CodePen打開解析思路如上,非常簡單,計算每個點的位置通過lineTo()繪製路徑即可核心代碼解析如下(或在CodePen中查看):funct
    2025-03-03
  • 瀏覽器默認樣式(User Agent Stylesheet)的介紹與最佳處理方法

    瀏覽器默認樣式(User Agent Stylesheet)的介紹與最佳處理方法

    發現最近在調整網頁的格式發現網頁底部總是有一個10像素左右的空格。通過用Chrome流浪器的審查元素發現有一個叫user agent stylesheet設置整個form的margin-botton:1em;通過上網查資料發現這個user
    2025-03-02
  • HTML常用格式標籤_動力節點Java學院整理

    HTML常用格式標籤_動力節點Java學院整理

    1.標題<h></h>HTML定義<h1></h1>到<h6></h6>六個<h>標籤,分別用來不同大小字體的標題(Heading)。字體由大到小,<h1>最大,<h6>則最小。 Heading標籤需要注意的是:a.瀏覽器會自動地在標題的前後
    2025-03-02
  • HTML5拖放API實現拖放排序的實例代碼

    HTML5拖放API實現拖放排序的實例代碼

    前言HTML5 中提供了直接拖放的API,極大的方便我們實現拖放效果,不需要去寫一大堆的js,只需要通過監聽元素的拖放事件就能實現各種拖放功能。想要拖放某個元素,必須設置該元素的draggable 屬性為true,當該屬性為fal
    2025-03-02
  • 詳解使用HTML5的classList屬性操作CSS類

    詳解使用HTML5的classList屬性操作CSS類

    前言以前我們有需要用js或jquery的一些方法hasClass、addClass、removeClass,在一個元素的class屬性上添加或者刪除某幾個類,達到某種樣式變化的需求,但還是稍微麻煩了一些。 h5新增的classList可以讓我
    2025-03-02
  • 淺談HTML的doctype和編碼

    淺談HTML的doctype和編碼

    DOCTYPEDoctype是為了告訴瀏覽器用哪種版本的html去解析指令,必須位於第一行,在某些版本中需要引入DTD,html5無需引入DTD中文亂碼原因瀏覽器解析代碼的編碼格式與源代碼編碼格式不一致。例如,但是文檔保存為GBK,就會出現
    2025-03-02