HTML/html5 - 教程之家

182浏览

0评论

H5中video获取第一帧如何作为封面

1.引入库代码如下（示例）：<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.min.js"></script>2.HTML部分<p class="upload-title mg-b10 title-all">上传...

2021-04-14

126浏览

0评论

不为人知的Emmet语法规则

Emmet—写HTML/CSS快到飞起在前端开发的过程中，最费时间的工作就是写 HTML、CSS 代码。一堆的标签、属性、括号等，头疼。这里推荐一个Emmet语法规则，让你写的时候爽到飞起...

2021-04-14

82浏览

0评论

如何学习html的各种标签

head标签学习网页标题标签<title>HTML学习</title> 编码格式标签<meta charset="utf-8" /> <meta...

2021-04-13

149浏览

0评论

html如何使用失去焦点属性onblur

onblur属性在元素失去焦点时触发。常用于表单验证代码（例如用户离开表单字段）。说明：

1、onfocus 属性与 onblur 属性是相反的。

2、所有主流浏览器都支持 onfocus 属性和 on...

2021-04-12

116浏览

0评论

html如何禁止右键

oncontextmenu事件禁用右键菜单document.oncontextmenu = function(){ event.returnValue = false;}// 或者直接返回整个事件document.oncontextmenu = function(){ r...

2021-04-12

123浏览

0评论

Canvas跟随鼠标炫彩小球的实现

跟随鼠标炫彩小球canvas没有让我失望，真的很有意思实现效果超级炫酷实现原理创建小球给小球添加随机颜色，随机半径鼠标移动通过实例化，新增小球通过调用给原型...

2021-04-10

259浏览

0评论

几款流行的HTML5 UI框架比较(小结)

手机HTML5开发，大部分都使用现有的框架，这里简单比较几个流行的UI框架。作者比较一下几款流行的HTML5框架，个人意见，仅供参考。（1）MUI网址：http://dev.dcloud.net.cn/mui/优点：MUI是...

2021-04-09

146浏览

0评论

HTML如何限制input输入框只输入纯数字

限制 input 输入框只能输入纯数字使用 oninput 事件，限制input 输入框只能输入纯数字oninput = "value=value.replace(/[^\d]/g,'')"代码示例<!DOCTYPE html><html l...

2021-04-07

96浏览

0评论

HTML速写之Emmet语法规则的实现

在前端开发的过程中，最费时间的工作就是写 HTML、CSS 代码。一堆的标签、属性、括号等，头疼。这里推荐一个Emmet语法规则，让你写的时候爽到飞起，能大大提高代码书写，只需要敲一行...

2021-04-07

156浏览

0评论

HTML中table表格拆分合并(colspan、rowspan)

代码演示横向合并：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv=...

2021-04-07

128浏览

0评论

使用HTML+Css+transform实现3D导航栏的示例代码

3D是three-dimensional的缩写，就是三维图形。在计算机里显示3D图形，就是说在平面里显示三维图形。不像现实世界里，真实的三维空间，有真实的距离空间。计算机里只是看起来很像真...

2021-04-01

115浏览

0评论

给原生html中添加水印遮罩层的实现示例

效果图代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont...

2021-04-01

1122浏览

0评论

html实现随机点名器的示例代码

此点名器开始点名后需点击停止按钮完成点名，因为是精简版没有考虑自动停止需求。姓名数据以字符串形式储存，适合小范围点名使用，有大量需求可自己适当改进。<head> <meta ch...

2021-04-01

186浏览

0评论

如何将label标签与input标签进行绑定

1.方法一：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten...

2021-03-31

116浏览

0评论

html行内元素有哪些

根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值。display属性为inline的元素为行内元素，英文：inline element，其...

2021-03-30

115浏览

0评论

html怎么禁止缓存

HTML页面禁止缓存页面缓存的问题可能大家都遇到过，很多功能做完没起效果，那么怎么解决这个问题呢?这里给出我的使用的解决方法对于一个html页面，缓存分3部分，一个是页面内容，一个...

2021-03-29

105浏览

0评论

html怎么取消滚动条

html中如何去掉浏览器右边的滚动条<body style="overflow-x: hidden"> 表示去掉水平滚动条。<body style="overflow-y: hidden">...

2021-03-29

337浏览

0评论

html怎么实现音乐隐藏

HTML5 隐藏音乐播放器在HTML5中，初级者常使用的是audio标签结合source标签<audio controls="controls"> <source src="song.mp3" type="audio/mp3" /></audio>下...

2021-03-29

210浏览

0评论

Html5页面播放M4a音频文件

业务场景：手机app端录音，然后上传至后台服务器，前端从后台服务器获取录音，在PC端WEB页面播放。实际问题：首先app录音文件默认是m4a格式，而在PC端WEB H5页面，<audio>标签并没有明确...

2021-03-24

113浏览

0评论

Html分层的box-shadow效果的示例代码

先上图：今天我们做这个效果！其实也没什么，就是分享一下大家在做网页的时候经常会遇到要做导航栏之类的，可能会觉得自己的导航栏总是少了点立体的感觉，今天我们就来看看！<!DOCTYPE...

2021-03-24

125浏览

0评论

利用html+css实现菜单栏缓慢下拉效果的示例代码

目标：利用html+css实现鼠标移到菜单栏时，菜单栏会缓慢出现的效果我们可以用两种方法来解决这个问题方法一：过渡（transition）对forum-1开启绝对定位(absolute)，让里面的li从其父元...

2021-03-22

163浏览

0评论

如何弹出QQ临时对话框实现不添加好友在线交谈效果

其实这个很简单，在img我们加入一个a标签，然后<a href='tencent://message/?uin=QQ号码&Site=网站地址&Menu=yes'></a>2013-4-16补充：其实这么写有一个弊端，那就是如果对方不是你...

QQ

2021-03-20

219浏览

0评论

使用canvas实现雪花飘动效果的示例代码

今天我们就使用canvas来实现雪花飘落的效果❄️一、canvas是什么？HTML5 <canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成.<canvas> 标签只是图形...

2021-03-20

108浏览

0评论

前端Html5如何实现分享截图的示例代码

前言这篇文章主要是介绍如何使用canvas实现分享截图，
刚开始以为通过canvas绘画分享图片并不难，但实际上在开发的时候还是遇到非常多的坑
例如：
①图片背景为透明
②分享图只有...

2021-03-18

143浏览

0评论

html隐藏标签是什么

html隐藏标签是hidden定义和用法hidden 属性是布尔属性。如果设置该属性，它规定元素仍未或不再相关。浏览器不应显示已规定 hidden 属性的元素。hidden 属性也可用于防止用户...

2021-03-17

147浏览

0评论

html滚动条样式如何设置

设置html滚动条样式的方法：1、新建一个HTML文档，这里设立一下基本的架构。2、再新建一个CSS文件，用link关联一下HTML文档。3、创建DIV标签，并且往里面填充内容。4、先设定一下滚...

2021-03-16

137浏览

0评论

HTML5数字输入仅接受整数的实现代码

这两年我看到很多关于这方面的文章和帖子，这的确是一个非常方便的东西。但是，太多的实现还是有漏洞，残缺不全的实现，等等。整体概念是合理的：使用 HTML 5 属性来限制可以发送到服...

2021-03-16

108浏览

0评论

html5新增的表单控件和表单属性有哪些

HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的...

2021-03-11

492浏览

0评论

Html5移动端div固定到底部实现底部导航条的几种方式

需求：需要把导航固定在底部？只能滑动内容，导航菜单固定不动的。效果如下：这篇文章主要讲解三种实现方案，包括：fixed,absolute,以及css3的flex布局。html结构如下：<div class="box">...

2021-03-10

120浏览

0评论

html怎么删除表格的第二行

html+jquery删除表格的第二行1、新建一个html文件，命名为test.html，用于讲解jquery删除table中指定行。2、在test.html文件中，使用table、td、tr标签创建一个三行两列的表格，为...

2021-03-08

344浏览

0评论

怎么用html写hello world

用html写hello world1、新建并打开一个html文件（相关推荐：html教程）2、在该html文件的body部分，定义一个文本标签（h1~h6、p、div等），用于包含“hello world”文本即可3...

2021-03-08

141浏览

0评论

HTML5特殊符号怎么显示

在 HTML 中，某些字符是预留的。在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。如下面的html代码: <body> 显示：<input id="myTest" type="t...

2021-03-08

101浏览

0评论

html dom是什么

一、DOM介绍1、DOM简介DOM是指文档对象模型，它是专门适用于HTML/XHTML的文档对象模型。如果你是一名软件开发人员，那么你可以将它理解为网页的API。DOM将网页中的各个元素都看...

2021-03-06

96浏览

0评论

怎么用html实现音乐播放

HTML5 提供了播放音频文件的标准。<!DOCTYPE HTML><html><body><audio src="horse.ogg" controls="controls">您的浏览器不支持音频元素。</audio></body></html>说明：<audio...

2021-03-06

160浏览

0评论

html怎么设置文本域的大小

html文本域在 HTML 中还有一种特殊定义的文本样式，称为文本城。它与文本框的区别在于可以添加多行文字，从而可以输人更多的文本。这类控件在一些留言板中最为常见。语法如下：<t...

2021-03-06

105浏览

0评论

HTML5拖拽文件上传的示例代码

上传文件HTML5新增了文件API,提供客户端本地操作文件的可能.我们可以通过file表单或拖放操作选择文件,还可以通过JavaScript读取文件的名称、大小、类型、和修改时间.file类...

2021-03-06

123浏览

0评论

HTML 拖拉功能的实现代码

基于 vue此功能核心思想就是通过 JavaScript 代码控制 node 在页面上的左边距与顶边距，不同的的样式定位方式有不同的解决方案本方案采用position: absolute定位方式的解决方...

2021-03-03

186浏览

0评论

html列表框、文本域、文件域的示例代码

下拉框、文本域、文件域上为演示效果下为代码<form method="get" action="result.html"><!--input:输入框标签，默认为text，文本框 name:为该输入框起一个名字，用来提交数据 ma...

2021-03-03

294浏览

0评论

HTML页面缩小后显示滚动条的示例代码

这里记录一下如何使得HTML页面缩小之后，底部出现滚动条，使得可以通过滚动滚动条来浏览由于界面缩小而被掩盖的地方。说一下这样做的好处。首先，一般界面缩小之后不出现滚动条，用...

2021-03-03

328浏览

0评论

html滑动仿悬浮球菜单效果的实现

css样式html,body{ width: 100%; height: 100%; margin: 0;padding: 0;}/*导航图标*/.NMH-g-navicon{ position: fixed; top: 40%; right: 020px; width: 100px; height: 10...

2021-03-03

120浏览

0评论

html怎样把div放在底部

html把div放在底部<!DOCTYPE html><html> <head> <meta charset="utf-8"> <style> body{ height: 500px; background: palegoldenrod; } div{ border: 1px...

2021-03-02

288浏览

0评论

html如何给div加边框

html给div加边框的方法：1、新建一个HTML页面。2、在HTML的<body>中写上<div>标签，打开浏览器会有对应的效果图。3、内部嵌套css或者外部引用css文件（一般外部引用），给div增加样式...

2021-03-01

303浏览

0评论

textarea属性有哪些

textarea属性有：<textarea>标签定义多行的文本输入控件。文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。可以通过 cols 和 rows 属性来规定 t...

2021-03-01

213浏览

0评论

HTML button标签的属性有哪些

HTML <button> 标签<button> 标签定义一个按钮。在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。<button> 控件...

2021-03-01

289浏览

0评论

行内元素和块级元素的区别有哪些

在css基础当中，我们往往会遇到块元素和行内元素。在实际开发中，会经常把他们弄混淆，而且很难记住。那么行内元素和块级元素的区别有哪些？下面给大家介绍一下。块级元素和行内元...

2021-03-01

141浏览

0评论

html怎么给文字加粗

html给文字加粗的方法：1、新建一个HTML文档，如图所示2、在body标签输入p标签，如图所示3、然后在p标签里输入b标签，如图所示4、然后在b标签里输入文字，以哈哈哈为例5、再输入p标签...

2021-03-01

173浏览

0评论

html点击input没有出现光标怎么办

html5点击input没有出现光标完美解决方案<input type="text" placeholder="输入姓名" class="inputname" id="id_name"><input type="text" placeholder="输入手机" class="...

2021-02-25

134浏览

0评论

html的label是什么

label定义和用法<label> 标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发...

2021-02-25

747浏览

0评论

html怎么设置文字向下

1、如果是文字或者其他块级元素。使用定位的思想。position：absolute，然后boottom：0。父元素要设置为position：relative。因为绝对定位是相对于最近一个非static定位的元素的相...

2021-02-25

140浏览

0评论

html5使用window.postMessage进行跨域实现数据交互的一次实战

背景在一个App内嵌的H5中，产品希望在页面的下放设置一个区域，里面展示运营同学通过活动搭建平台生成的教学页面，页面由运营同学自己搭建、替换，产品同学希望H5中能完整展示这个...

2021-02-24

热门文章