首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • 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插件了，搞了很久也没成功。网上大多是这么实现的：<object type=appl
    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
  • HTML中表格动态添加_动力节点Java学院整理

    HTML中表格动态添加_动力节点Java学院整理

    废话不多说了，直接给大家贴代码了，具体代码如下所示：<html> <head><title>Table</title></head> <body> <table border=1>
    2025-02-26
  • HTML5之消息通知的使用(Web Notification)

    HTML5之消息通知的使用(Web Notification)

    关于 HTML5 ，写了不少文章，总觉得相关的高级 API 都得过一遍。系统的了解，站在更高的高度去思考问题，这样才能事半功倍。一、先睹为快我们先来尝试一个最简单的例子，打开chrome开发者工具，粘贴代码进去直接运行：new Notifi
    2025-02-26
  • Html5中的桌面通知Notification的实现

    Html5中的桌面通知Notification的实现

    前言:对于一个前段开发者,逛网页总会留意一些新奇的功能,对于上班总会用到Teambition的我,总是能收到Notification...所以今天就来研究下这个H5功能...1. 实例一个Notificationlet n = new No
    2025-02-26
 12345下一页