HTML/html5 - 教程之家

215浏览

0评论

利用html5实现简单的拖动功能

具体方法如下：1、对象元素的draggable属性设置为true(draggable="true")。还需要注意的是a元素和img元素必须指定href；2、编写拖拽有关的事件处理代码：3、案例实现代码：（1）HTML代...

2020-12-10

120浏览

0评论

html字体大小怎么设置

设置html字体大小的方法：1、第一种：font-size后面加px值的方式如图，px越大，字体也就越大2、第二种：inherit,继承父元素的字体大小，比如说父元素是10px，那么子元素也是10px3、第三种...

2020-12-08

126浏览

0评论

jquery中html乱码怎么办

jquery中html乱码的解决办法：1、当导入Jquery代码时：网页中其它文字正常，而Jquery代码显示异常。解决方案：将Jquery代码用文本（.txt）或word打开，再另存为并改变其编码方式(通常改...

2020-12-08

311浏览

0评论

html5实现一个简单的在线画板

我们先来看看实现效果：实现代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <canvas id="can...

2020-12-06

180浏览

0评论

html最外层元素是什么？

<html> 标签告知浏览器这是一个 HTML 文档。<html> 标签是 HTML 文档中最外层的元素，也称为根元素。<html>标签是所有其他HTML元素（除了“<!DOCTYPE>”标签）的容器。...

2020-12-06

171浏览

0评论

html获取javascript变量值的方法有哪些

html获取javascript变量值有如下三种方法：方法一：嵌入到html句子中,当html元素使用<scriptlanguage="javascript"type="text/javascript"> var df=newDate(); var year=...

2020-12-03

224浏览

0评论

html5跳转小程序wx-open-launch-weapp踩坑

因为IOS最新版微信取消了浮窗功能，小程序后台狠毒用户反馈进入不方便了，目前公众号还支持浮窗，于是需求出来了，浮窗一个H5，在H5中一键打开小程序，阅读文档得知，微信对公众号网页...

2020-12-02

164浏览

0评论

Html5页面点击遮罩层背景关闭遮罩层

今天团队同事接到一个需求，需求是这样的，点击页面按钮弹出红包弹窗，显示黑色遮罩层，点击遮罩层背景和弹窗关闭按钮要关闭弹窗，于是我就做了一个Demo出来，方便以后下次自己再遇到...

2020-12-02

180浏览

0评论

HTML5单选框、复选框、下拉菜单、文本域的实现代码

HTML5单选框、复选框、下拉菜单、文本域单选框的实例代码，代码如下所示：

1单选框代码：

<input type="radio" name="" id=""> <input type="radio" name=""...

2020-12-02

379浏览

0评论

<meta name=＂applicable-device＂content=＂pc＂>标签属性的详解

百度可以通过基本html特征来判断是否适合无线端浏览:PC站: <meta name="applicable-device" content="pc">手机站： <meta name="applicable-device" content="mobile" />响应...

2020-12-01

162浏览

0评论

Canvas实现放大镜效果完整案例分析(附代码)

本文主要记录 canvas 在图像、文字处理、离屏技术和放大镜特效的实现过程中使用到的API。先看下效果吧：

一张模糊的图片：

鼠标点击任意位置，产生放大效果：

...

2020-11-26

234浏览

0评论

html5实现图片的3D旋转效果

我们先来看一下实现效果：H5旋转3D相册，鼠标放置暂停，图片灰度级为0，有放大效果。该实例运用H5和CSS3动画效果，未用javascript。提高了本人对CSS3 新属性的了解及掌握。完整代码如...

2020-11-26

208浏览

0评论

Html5原生拖拽相关事件简介以及基础实现

公司项目需求，要实现任务卡片在不同任务列表之间进行拖拽实现任务类别的更改。于是找了一下相关文章，稍微学习了一下。实现效果如下图。

拖拽实现

主要用到的是H5...

2020-11-22

143浏览

0评论

关于HTML5+ API plusready的兼容问题

Android平台提前注入5+ API，支持在plusready事件前调用

在5+ Runtime环境中，通常情况下需要html页面解析完成后才会注入5+ API，执行的顺序为：

1. 加载html页面

2. 解...

2020-11-22

166浏览

0评论

HTML有哪些事件属性？

HTML事件属性Window 事件属性针对 window 对象触发的事件。适用于 <body> 标签：属性值描述 onafterprint script 在打印文档之后运行脚本 onbef...

2020-11-20

164浏览

0评论

html怎么引入图片

相关属性：<img> 标签定义 HTML 页面中的图像。<img> 标签有两个必需的属性：src 和 alt。属性值：举例：img标签中插入的图片宽和高默认是图片自身的宽和高，如果想要自定义宽和高的...

2020-11-17

175浏览

0评论

浅谈HTML img标签中的srcset属性

今天看前辈的代码时，发现img标签有个陌生的srcset属性，如下：<img class="Avatar" src="https://pic3.zhimg.com/8622a8eea_s.jpg" srcset="https://pic3.zhimg.com/8622a8eea_x...

2020-11-17

380浏览

0评论

HTML5设置视频背景的方法介绍

我们常常有着将视频作为网页背景的需要，但是在设置时也经常差强人意，今天设置了一下，可以基本达到要求了，可能有些小细节做的不是太好，希望指出来，一起进步第一步：准备工作工欲善其...

2020-11-17

263浏览

0评论

span是块元素吗？

span不是块元素，而是内联元素（行内元素），主要用于容纳文字。span用于对文档中的行内元素进行组合。span只是把内容定义成一个整体进行操作，不影响布局和显示，而且span没有什么实用...

2020-11-17

203浏览

0评论

通过display或visibility来实现HTML元素的显示与隐藏

需要根据某些条件来控制Web页面中的HTML元素显示还是隐藏，可以通过display或visibility来实现，感兴趣的朋友可以了解下本文有些时候我们需要根据某些条件来控制Web页面中的HTM...

2020-11-14

134浏览

0评论

html 空链接 href="#"与href="javascript:void(0)"的区别

#包含了一个位置信息
默认的锚是#top 也就是网页的上端
而javascript:void(0) 仅仅表示一个死链接
这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首
而javascri...

2020-11-14

157浏览

0评论

html中用href 实现点击链接弹出文件下载对话框

用href 实现文件下载，之前不知道，今天有学会了一招实现点击链接弹出文件下载对话框，感兴趣的朋友可以了解下今天又学了一招，以前不知道，就是做过的东西太少了……
目...

2020-11-14

170浏览

0评论

Html Select 使用selected属性设置默认选择项

Html Select 如何进行默认选择，只要给某个option 添加 selected = selected"属性就是默认选项，下面是示例，希望对大家有所帮助给某个option 添加 selected = "selected" 属性就...

2020-11-14

131浏览

0评论

HTML页面table滚动条的实现

2.table表头固定 3.table列宽自适应 4.table内容不换行主要代码块css： .table-scroll { width: calc(100% - 5px); overflow-...

2020-11-14

114浏览

0评论

几个解决兼容IE6\7\8不支持html5标签的几个方法

html5大行其道的时代已经到来,如果还在纠结于，是否应该掌握html5和css3技术时，请狠狠的抽自己几个嘴巴，然后，苦学吧！下面我们来看几个解决兼容IE6\7\8不支持html5标签的几个方法...

2020-11-14

148浏览

0评论

HTML5仿手机微信聊天界面

给大家带来的是HTML5仿手机微信聊天界面，截图效果如下：源代码如下：XML/HTML Code复制内容到剪贴板 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit...

2020-11-14

144浏览

0评论

用html5绘制折线图的实例代码

XML/HTML Code复制内容到剪贴板 <html><canvas id="a_canvas" width="1000" height="700"></canvas><script> (function (){ window.addEventLi...

2020-11-14

148浏览

0评论

H5如何操作声音录制/播放

html代码：<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>H5调用声音</title> </head>...

2020-11-14

245浏览

0评论

H5的video如何实现以及操作弹幕

HTML5允许我们使用元素为视频指定字幕。这个元素的各种属性允许我们指定这样的东西，比如我们添加的内容的类型，它所在的语言，当然还有对包含实际字幕信息的文本文件的引用。<v...

2020-11-14

190浏览

0评论

H5新增标签与属性使用方法归纳

HTML5语法大部分延续了html的语法不同之处：开头的 <!DOCTYPE html><html lang="zh-CN"><meta charset="utf-8">字符编码变得简洁，不区分大小写，添加了布尔值，类似checked，selecte...

2020-11-14

148浏览

0评论

H5+canvas卷积核图像处理步骤详解

什么是卷积？就跳过一些用专业属于描述专业术语看完懵逼的解释了，语文成绩很差的我尝试从字面解释什么是卷积...卷，理解成一种压缩；积，乘积，积累；卷积需要一个卷积核，通常是3x3或5x5...

2020-11-14

157浏览

0评论

HTML5触摸事件实现移动端简易进度条的实现方法

前言HTML中新添加了许多新的事件，但由于兼容性的问题,许多事件都没有广泛的应用，接下来为大家介绍一些好用的移动端触摸事件: touchstart、touchmove、touchend。介绍下面我们...

2020-11-14

186浏览

0评论

HTML页面原生VIDEO标签隐藏下载按钮功能

在写web项目的时候，遇到简介页面有一个单独的简介视频，只有这一个短短的视频所以没有使用任何video组件，所以运用原生video标签就想解决问题。虽然简介视频是非付费的，但也不希...

2020-11-14

156浏览

0评论

浅析HTML5中使用data-*来自定义属性

在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题，而且关于Attribute和Property的区别也让人十分头痛，在HTML5中添加了data-*的方式来自定...

2020-11-13

90浏览

0评论

HTML5本地存储之WebStorage介绍

WebStorage是HTML5中本地存储的解决方案之一，在HTML5的WebStorage概念引入之前除去IE User Data、Flash Cookie、Google Gears等看名字就不靠谱的解决方案，浏览器兼容的本地存...

2020-11-13

142浏览

0评论

html中行内元素与块级元素的区别是什么

块级元素：1、总是在新行上开始，占据一整行；2、高度，行高以及外边距和内边距都可控制；3、宽度始终是与浏览器宽度一样，与内容无关；4、它可以容纳内联元素和其他块元素。行内元素的特...

2020-11-13

241浏览

0评论

怎么在html中实现图片超链接

目的：对整个一幅图像文件设置超链接思路：可以通过将图像元素嵌套在a元素中使其变为一个链接。语法：<a herf="链接地址" target="目标窗口打开方式"><img src="图像文件的地...

2020-11-13

287浏览

0评论

如何解决bootstrap乱码问题

具体问题：引入bootstrap中文网里的模板，页面正常显示，但是将英文换为中文乱码解决办法：1.定义好头部<html><head><meta charset="UTF-8"/>2.文件另存为UTF8...

2020-11-13

139浏览

0评论

HTML5资源预加载(Link prefetch)详细介绍

不管是浏览器的开发者还是普通web应用的开发者，他们都在做一个共同的努力：让Web浏览有更快的速度感觉。有很多已知的技术都可以让你的网站速度变得更快：使用CSS sprites，使用图...

2020-11-11

188浏览

0评论

HTML实现简单计算器附详细思路

代码如下:<!DOCTYPE html> <html> <meta name="content-type" content="text/html; charset=UTF-8"> <head> <title>Calculator</title> <!--将按键内容以字符串形式存储在...

2020-11-11

148浏览

0评论

JavaScript与HTML的结合方法详解

HTML中的JavaScript脚本必须位于<script>与</script>标签之间，JavaScript脚本可被放置在HTML页面的<body>标签和<head>标签中，这种视情况而定，一般放在<head>标签内。
一、<scr...

2020-11-11

173浏览

0评论

Html制作简单而漂亮的登录页面

先来看看样子。html源码：XML/HTML Code复制内容到剪贴板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Login</title> <link...

2020-11-11

137浏览

0评论

HTML代码制作滚动文字

本节笔者讲述HTML代码中比较特殊的标签，它能使网页中的文字滚动，并且可以控制其滚动的属性。制作滚动文字通过本章前面的学习，读者已经能够很好地控制各种段落文字的显示方式，...

2020-11-11

359浏览

0评论

HTML元素(标签)大全及使用介绍

HTML元素(标签)大全及使用说明a:表示超链接的起始或目的位置。acronym:表示取首字母的缩写词。address:表示特定信息，如地址、签名、作者、文档信息。applet:在页面上放置可...

2020-11-11

168浏览

0评论

HTML 超级链接详细讲解

超级链接是网站中使用比较频繁的HTML元素，因为网站的各种页面都是由超级链接串接而成，超级链接完成了页面之间的跳转。超级链接是浏览者和服务器的交互的主要手段，在后面的技术...

2020-11-11

172浏览

0评论

html中隐藏域hidden的作用介绍及使用示例

隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用，下面为大家详细介绍下此隐藏域在实际中时如何使用的，感兴趣的朋...

2020-11-11

136浏览

0评论

html自适应字号

在开发过程中有遇到需要根据界面dom的宽高来设置自适应字号大小，现将开发思路分享在页面dom元素的宽和高都有限制的情况下，无法为所有的元素设置同样的字号大小，而将字号设置过...

2020-11-11

150浏览

0评论

HTML5文本格式化

文本格式化：<b>:加粗文字<i>:斜体文字<strong>：用于强调，效果和<b>相同<em>：用于强调，效果和<i>相同。<big>：用于放大文字<small>：用于缩小文字<sub>：下标<sup>：上标预格式文本：<pre>:...

2020-11-11

146浏览

0评论

HTML5表单相关元素和属性

<form>:可以指定id、style、class等核心属性，还可以指定onclick事件属性。除此之外，还可以指定如下几个属性。action：指定表单提交的URL或URI。method：指定请求方式，一般为get或p...

2020-11-11

182浏览

0评论

HTML5 video视频字幕的使用和制作方法

HTML5允许我们使用元素为视频指定字幕。这个元素的各种属性允许我们指定这样的东西，比如我们添加的内容的类型，它所在的语言，当然还有对包含实际字幕信息的文本文件的引用。 <...

2020-11-11

热门文章