首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • Html5新增标签与样式及让元素水平垂直居中

    Html5新增标签与样式及让元素水平垂直居中

    元素的水平垂直居中1、利用table标签,自带的功能<style> .parent{ border: 1px solid red; height: 500px }
    2025-02-09
  • video结合canvas实现视频在线截图功能

    video结合canvas实现视频在线截图功能

    给大家讲解下我前几天看到的一个有趣小demo:视频在线截图。以下是我修改和添加了新功能后的效果图:是不是很酷,其实挺简单的,下面就给大家讲讲怎么弄哈。这里主要分为三大块功能,首先是第一个:利用URL对象获取视频链接并展示:js的URL对象有
    2025-02-09
  • socket.io 和canvas 实现的共享画板功能

    socket.io 和canvas 实现的共享画板功能

    起初只是想要写个简单的画板,后面不知不觉的想起石墨文档有一个白板功能,就想将当前这个画布功能,开发成一个简易版的协作画板。在线演示:努力部署中,目前需要clone到本地运行。git 地址2、运行git clone <repository>n
    2025-02-09
  • HTML5语义化元素你真的用对了吗

    HTML5语义化元素你真的用对了吗

    HTML5语义元素语义学是研究语言中单词和短语的含义。语义元素=具有意义的元素。 语义元素清楚地描述了它对浏览器和开发人员的意义。 非语义元素的示例:<div>和<span>-对其内容一无所知。 语义元素的示例:<form>,<table>
    2025-02-09
  • canvas绘制表情包的示例代码

    canvas绘制表情包的示例代码

    本文介绍了canvas绘制表情包的示例代码,分享给大家,具体如下:绘制卡通笑脸var canvas = document.getElementById(canvas);var context = canvas.getContext(2d);
    2025-02-08
  • 详解android与HTML混合开发总结

    详解android与HTML混合开发总结

    现在很多的 APP中会嵌套HTML5的页面,比如经常变化的等等,有一部分页面需要原生Java与HTML5中的js进行交互操作,下面介绍一下android中HTML5的使用:1、关于HTML5种cookie网页中可能会用到 用户信息等很多参数
    2025-02-08
  • 详解如何通过H5(浏览器/WebView/其他)唤起本地app

    详解如何通过H5(浏览器/WebView/其他)唤起本地app

    前两天接到一个无线的需求,我这个小白可是忙活了好几天……在页面上有一个连接, 如果用户安装了APP,则点击打开对应的APP如果用户没有安装,则点击打开对应的设置连接.上网搜索了一下,基本都说可以实现,但是实际情况却不乐观.当然只是其中的一个
    2025-02-08
  • 使用html5新特性轻松监听任何App自带返回键的示例

    使用html5新特性轻松监听任何App自带返回键的示例

    1、前言如今h5新特性、新标签、新规范等有很多,而且正在不断完善中,各大浏览器商对它们的支持,也是相当给力。作为前端程序员,我觉得我们还是有必要积极关注并勇敢地加以实践。接下来我将和各位分享一个特别好用的h5新特性(目前也不是特别新),轻松
    2025-02-08
  • 怎么改善现有网站为xhtml+CSS结构

    怎么改善现有网站为xhtml+CSS结构

    我们大部分的设计师依旧在采用传统的表格布局、表现与结构混杂在一起的方式来建立网站。学习使用XHTML+CSS的方法需要一个过程,使现有网站符合网站标准也不可能一步到位。最好的方法是循序渐进,分阶段来逐步达到完全符合网站标准的目标。如果你是新
    2025-02-08
  • html5调用摄像头功能的实现代码

    html5调用摄像头功能的实现代码

    前言前些天,线上笔试的时候,发现需要浏览器同意开启摄像头,感觉像是 js 调用的,由于当时笔试,也就没想到这么多问题。今天闲来无事,看了下自己的 todo,发现有这个调用摄像头的todo,才想到
    2025-02-08
  • 如何用H5实现一个触屏版的轮播器的实例

    如何用H5实现一个触屏版的轮播器的实例

    初入前端,分享一下手机上触屏版轮播器的实现过程,大致功能如下:1、支持循环滑动2、宽度可任意设置,不需要与屏幕等宽3、页面可纵向滚动4、可设置回调监听元素的切换5、纯js,不借助任何第三方库原理1、假设子元素.item的width为375p
    2025-02-08
  • 原生 JS+CSS+HTML 实现时序图的方法

    原生 JS+CSS+HTML 实现时序图的方法

    之前本人使用React + AntDesign 实现了一个简单的时序图,但是后来有了更复杂的需求,并且要求同时展示2000个任务的展示,这就涉及到了性能问题,本人先使用React+antd+ts实现了一个基本满足下面需求的demo,但是re
    2025-02-08
  • 使用html5 canvas绘制圆环动效

    使用html5 canvas绘制圆环动效

    最近笔者有个需求,需求内容为:一组文字显示在圆环的周围,用户可添加文字,文字围绕着圆环,每个词对应圆环周围的的蓝色小圆点,当用户鼠标放在圆环上方小蓝点时时,实现放射出三角形,再显示出文字,先看看动图效果吧!​ ​​如上图所示,当鼠标放在对应
    2025-02-08
  • h5网页水印SDK的实现代码示例

    h5网页水印SDK的实现代码示例

    在网站浏览中,常常需要网页水印,以便防止用户截图或录屏暴露敏感信息后,追踪用户来源。如我们常用的钉钉软件,聊天背景就会有你的名字。那么如何实现网页水印效果呢?网页水印SDK,实现思路1.能更具获取到的当前用户信息,如名字,昵称,ID等,生成
    2025-02-08
  • 详解移动端html5页面长按实现高亮全选文本内容的兼容解决方案

    详解移动端html5页面长按实现高亮全选文本内容的兼容解决方案

    最近需要给HTML5的WebAPP在页面上实现一个复制功能:用户点击长按文本会全选文字并弹出系统复制菜单,用户可以点击复制进行复制操作,然后粘贴到AppStore搜索对应的应用。之所以不是采用链接形式直接跳转到AppStore对应应用是为了
    2025-02-08