首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • html做表格只顯示表格的外邊框

    html做表格只顯示表格的外邊框

    我想問一個在dreamweaver中,我弄了一個登陸的表格,(包括登陸、註冊、忘記密碼)三行一列,我像只顯示表格的外邊框,怎麼用代碼實現
    2025-03-02
  • canvas學習與濾鏡實作程式碼

    canvas學習與濾鏡實作程式碼

    在這個數位產品氾濫的時代裡,拍照已經成為生活不可或缺的一部分,不管是居家,踏青,還是遠途旅行,總是會拍一些美美的照片。但相機直接拍出來的照片往往和我們的心理預期有一定的差距,那麼怎麼減小這種差距呢?答案是美顏P圖,於是各種美顏相機鋪天蓋地而來
    2025-03-02
  • 詳解HTML5之pushstate、popstate操作history,無刷新改變當前url

    詳解HTML5之pushstate、popstate操作history,無刷新改變當前url

    一、認識window.historywindow.history表示window對象的歷史記錄,是由用戶主動產生,並且接受javascript腳本控制的全局對象。 window對象通過history對象提供對覽器歷史記錄的訪問能力。它暴露了一
    2025-03-02
  • HTML5實現桌面通知提示功能

    HTML5實現桌面通知提示功能

    具體代碼如下所示:<button id=button>有人想加你為好友</button><p id=text></p>;(function (){ if(window.Notification){ var btn = d
    2025-03-01
  • 行動web 端螢幕適配(rem)

    行動web 端螢幕適配(rem)

    前言最近整理了一下以前學習前端的筆記,發現自己對移動web 端屏幕適配(rem)這一塊並沒有真正理解,只是會用。接下來,把自己的一些對行動web 端螢幕適配(rem)的思考記錄下來。 rem 介紹rem 表示根元素(<html> )的fo
    2025-03-01
  • HTML實現海康攝影機即時監控功能

    HTML實現海康攝影機即時監控功能

    最近公司安排做CCFA的一些東西,有一項就是做一個網頁播放攝影機的即時監控。網路上百度了很久,很多都是直接用vlc插件實現,但目前主流瀏覽器都已經不支援vlc插件了,搞了很久也沒成功。網路上大多是這麼實現的:
    2025-03-01
  • iphoneX 適配客戶端H5頁面的方法教學課程

    iphoneX 適配客戶端H5頁面的方法教學課程

    前言目前,許多APP設計師小夥伴已經開始轉向H5前端開發啦,但是解決所有iPhone和安卓機型的適配問題是我們的重中之重。無論是設計APP還是寫前端H5.都是要考慮行動端的相容性。由於iphoneX做了全螢幕並且還保留一塊小瀏海,因此很多以
    2025-02-28
  • 實現簡易html影片播放器的方法

    實現簡易html影片播放器的方法

    本文介紹了實現簡易html影片播放器的方法,分享給大家,具體如下:檔案清單root@tianshl:/data/video# lshch.mp4 test.mp4 xyx.mp4 index.html video.lis
    2025-02-28
  • H5仿微信界面教程(一)

    H5仿微信界面教程(一)

    前言先來張圖,仿微信界面,界面如下,並不完全一模一樣,只能說有些類似,希望大家見諒。 1 用到的知識點jQuery WeUI 是WeUI的一個jQuery實現版本,除了實現了官方插件之外,它還提供瞭如下拉刷新、日曆、地址選擇器等豐富的拓展組
    2025-02-28
  • web響應式佈局中iframe自適應的方法

    web響應式佈局中iframe自適應的方法

    問題在響應式佈局中,我們應該小心對待iframe元素,iframe元素的width和height屬性設置了其寬度和高度,但是當包含塊的寬度或高度小於iframe的寬度或高度時,會出現iframe元素溢出的現象:這樣溢出的iframe會破壞頁
    2025-02-28
  • HTML頁面原生VIDEO標籤隱藏下載按鈕功能

    HTML頁面原生VIDEO標籤隱藏下載按鈕功能

    在寫web專案的時候,遇到簡介頁面有一個單獨的簡介視頻,只有這一個短短的視頻所以沒有使用任何video組件,所以運用原生video標籤就想解決問題。雖然簡介影片是非付費的,但也不希望會有下載按鈕或可以影片另存為,所以找到一個可以看起來沒有
    2025-02-27
  • 解決html5中video標籤無法播放mp4問題的辦法

    解決html5中video標籤無法播放mp4問題的辦法

    前言最近發現了一個問題,在手機錄製了一個1.mp4文件,主流瀏覽器都能正常播放。但使用格式工廠將rmvb文件轉碼為2.mp4卻不能播放。通過查找相關的資料終於解決了,下面分享出來供大家參考學習,下面來看看詳細的介紹:問題分析手機錄製的視頻屬
    2025-02-27
  • 在HTML5 canvas裡用卷積核進行影像處理的方法

    在HTML5 canvas裡用卷積核進行影像處理的方法

    卷積什麼是卷積?就跳過一些用專業屬於描述專業術語看完懵逼的解釋了,語文成績很差的我嘗試從字面解釋什麼是卷積...卷,理解成一種壓縮;積,乘積,積累;卷積需要一個卷積核,通常是3x3或5x5的方陣,例如這樣// 一個3x3卷積核0 0 00
    2025-02-27
  • html5使用html2canvas實現瀏覽器截圖的示例

    html5使用html2canvas實現瀏覽器截圖的示例

    最近做項目為了解決全局異常信息記錄,研究了一下瀏覽器全屏截圖功能,方便用戶發現異常時能夠快速截圖發給管理員。最終記錄的異常信息如下,上面的【截圖報告管理員】就是使用html2canvas前端插件實現的。 html2canvas介紹以前我們只能
    2025-02-27
  • 利用html5 file api讀取本機檔案範例(如圖片、PDF等)

    利用html5 file api讀取本機檔案範例(如圖片、PDF等)

    在html4的年代,我們如果要在網頁上呈現一張用戶本地的圖片,需要用戶先把圖片上傳到伺服器,再根據伺服器提供的圖片地址把圖片下載下來,才能把圖片在網頁上呈現出來。這一來二往,起碼已經費了兩倍於這張圖片的流量了,更別說伺服器為了儲存這張圖片所
    2025-02-27