首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • HTML5 localStorage使用总结

    HTML5 localStorage使用总结

    一、什么是localStorage、sessionStorage在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间
    2025-02-21
  • HTML5利用约束验证API来检查表单的输入数据的代码实例

    HTML5利用约束验证API来检查表单的输入数据的代码实例

    HTML5对于表单有着极大程度的优化，无论是语义，小部件，还是数据格式的验证。我猜你肯定会以浏览器兼容作为借口不愿意使用这些新功能，但这绝不应该成为使你停滞不前的原因，况且还有像Modernizr和ployfill这样的工具库帮助你在不支持
    2025-02-21
  • H5调用相机拍照并压缩图片的实例代码

    H5调用相机拍照并压缩图片的实例代码

    整理文档，搜刮出一个H5调用相机拍照并压缩图片的实例代码，稍微整理精简一下做下分享。背景最近要做一个h5的页面，主要功能就是调用相机拍照或者是相册选图并且把照片压缩转base64之后上传到后台服务器，然后服务器返回识别结果。前端的主要功能点
    2025-02-21
  • 使用phonegap克隆和删除联系人的实现方法

    使用phonegap克隆和删除联系人的实现方法

    实例如下：<!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title>Database Example</title>
    2025-02-21
  • HTML中button标签点击实现页面跳转的三种方法

    HTML中button标签点击实现页面跳转的三种方法

    方法1：使用onclick事件<input type=button value=按钮onclick=javascrtpt:window.location.href=http://www.baidu.com/ /> 或者直接使用button标
    2025-02-21
  • 通过HTML5规范搞定i、em、b、strong元素的区别

    通过HTML5规范搞定i、em、b、strong元素的区别

    前言为了语义化HTML5增加了不少新标签。其中i、em和b、strong这两组标签是最容易弄混的，不好好去探究一下，还真说不清。这个也是前端面试中经常会问的问题。今天从源头上，也就是从HTML5的文档（https://w3c.github.
    2025-02-21
  • Html5移动端弹幕动画实现示例代码

    Html5移动端弹幕动画实现示例代码

    已知20条内容要有弹幕效果，分成三层，速度随机。 先来看看效果:所以这里不考虑填写生成的。只是一个展现的效果。如果要看填写生成的，请不要浪费Time思路把单个内容编辑好，计算自身宽度，确定初始位置移动的距离是屏幕宽度js动态的添加css动画
    2025-02-21
  • HTML5实现可缩放时钟代码

    HTML5实现可缩放时钟代码

    废话不多说了，直接给大家贴代码了，具体代码如下所示：<!DOCTYPE html><html lang=en><head> <meta charset=UTF-8> <title>canvas_time</title> <
    2025-02-21
  • html5 canvas简单封装一个echarts实现不了的饼图

    html5 canvas简单封装一个echarts实现不了的饼图

    说明我用echars很久了，如果出现如上图所示样式的饼图，我用echarts很难实现，官方给的文档没有这种模式的饼图。试过用d3和canvas分别画饼图，因为本人对canvas比较熟悉和d3还要引入插件，本着轻量化的原则，所以采用canva
    2025-02-21
  • 不定宽高的文字在div中垂直居中实现方法

    不定宽高的文字在div中垂直居中实现方法

    本人在面试的时候被问到：如何使一段不定宽高的文字垂直居中呢？现在来总结一下：在body中写入结构<div id=main> <div id=login> djshdk awjdsd sede sfcdf vdj sh d
    2025-02-21
  • 纯HTML5+CSS3制作生日蛋糕(代码易懂)

    纯HTML5+CSS3制作生日蛋糕(代码易懂)

    废话不多说，先给大家展示下效果图：蛋糕分为三个部分，底部蛋糕，顶层蛋糕和蜡烛部分。HTML的布局结构也是按照这三部分布局的。另外就是使用CSS定位和CSS3的rotate，内外阴影等效果调整部分DOM元素样式。比较简单，相信码农都懂的。不赘
    2025-02-21
  • HTML5 文件上传下载的实例代码

    HTML5 文件上传下载的实例代码

    前言HTML5 中提供的文件API在前端中有着丰富的应用，上传、下载、读取内容等在日常的交互中很常见。而且在各个浏览器的兼容也比较好，包括移动端，除了 IE 只支持 IE10 以上的版本。想要更好地掌握好操作文件的功能，先要熟悉每个API。
    2025-02-21
  • HTML5新增form控件和表单属性实例代码详解

    HTML5新增form控件和表单属性实例代码详解

    第一个知识点：表单的属性及总结第二个知识点：H5新增的表单控件和属性以及总结第一个知识点：我们常见的表单验证有哪些呢text　　文本框标签password 密码框checkbox 多选框radio　　单选框button　　按钮submit　
    2025-02-20
  • 两款构建符合web标准的XHTML文件的工具

    两款构建符合web标准的XHTML文件的工具

    这里介绍一些在线的Accessibility和General Developer工具，可以帮助你更快、更好地构建符合web标准的XHTML文件.Accessibility ToolsMarkup Maker只要输入你的简单结构，就会输出一个
    2025-02-20
  • 详解H5 活动页之移动端 REM 布局适配方法

    详解H5 活动页之移动端 REM 布局适配方法

    拿到设计稿后，如何进行布局还原？如果只需要做非精确的响应式设计，那么使用媒体查询来实现就 OK 了。如果需要精确还原设计稿，则一般通过缩放来实现。常见方案有基于 viewport 和基于 rem 的缩放方案。1 viewport 缩放方案在
    2025-02-20
上一页 139140141142143144145146147下一页