首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • LocalStorage记住用户和密码功能

    LocalStorage记住用户和密码功能

    随着HTML5规范的普及,我们不再用cookie来实现记住密码,通常会用的LocalStorage及本地缓存。对于Cookie来说它只有一个document.cookie这一个API可以使用,不管是读取Cookie还是存储Cookie你都只
    2025-02-15
  • HTML 使用表单标签实现注册页面的实例代码

    HTML 使用表单标签实现注册页面的实例代码

    案例说明:     - 使用表格实现页面效果  - 超链接不想要有效果,使用href=#  - 如果表格里面的单元格没有内容,使用空格作为占位符   - 使用图片标签提交表单 <input type=image src=图片的路径/>完整
    2025-02-15
  • HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)

    HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)

    HTML5规定可以为元素添加非标准的属性,但要添加前缀 data- ,目的是为元素提供与渲染无关的信息,或者提供语义信息。这些属性可以任意添加、随便命名,只要以 data- 开头即可添加了自定义属性之后,可以通过元素的 dataset 属性
    2025-02-15
  • HTML table鼠标拖拽排序功能

    HTML table鼠标拖拽排序功能

    效果图:1.引入文件<script src=js/jquery-1.10.1.min.js></script> <link rel=stylesheet href=Public/css/jquery-ui.min.css> <scrip
    2025-02-15
  • HTML5各种头部meta标签的功能(推荐)

    HTML5各种头部meta标签的功能(推荐)

    <!DOCTYPE html> H5标准声明,使用 HTML5 doctype,不区分大小写<head lang=en> 标准的 lang 属性写法<meta charset= ’utf-8′> 声明文档使用的字符编码<meta
    2025-02-15
  • HTML5如何使用SVG的方法示例

    HTML5如何使用SVG的方法示例

    代码优化永远是程序员亘古不变的需求,而合理的利用SVG图片来代替部分PNG/JPG等格式的图片则是前端优化重要的一环,既然是优化,那我们先来看看SVG图片都有哪些优势:SVG 可被非常多的工具读取和修改(比如记事本)SVG 与 JPEG 和
    2025-02-14
  • HTML5新特性之type=file文件上传功能

    HTML5新特性之type=file文件上传功能

    1、语法<input name=myFile type=file>2、属性(以下三个仅HTML5支持,因此存在兼容性问题)(1)multiple :表示用户是否可以选择多个值。multiple只能用于type=file和type=email
    2025-02-14
  • 纯css实现(无脚本)Html指令式tooltip文字提示效果

    纯css实现(无脚本)Html指令式tooltip文字提示效果

    分析执行流程 鼠标移入节点 检测是该节点是否存在开启实现tooltip实现的标识(类名,属性等) 检测主题、位置(类名,属性等) 生成 / 显示气泡 借鉴他人让我们先来看看element-ui的tooltip样式很明显,气泡的位置是通过ja
    2025-02-14
  • HTML表单提交的几种方式_动力节点Java学院整理

    HTML表单提交的几种方式_动力节点Java学院整理

    方式一:通过submit按钮提交<!DOCTYPE html><html><head> <title>通过submit按钮提交</title> <meta charset=UTF-8/></head><body> <for
    2025-02-14
  • 鲜为人知的HTML5语音合成功能

    鲜为人知的HTML5语音合成功能

    听一下就会发现,播放出来的声音并不是预先录制好的音频资料,而是通过文字识别后合成的语音请先戴上耳机,然后将下面的代码复制到chrome控制台中体验~let msg = new SpeechSynthesisUtterance(欢迎你阅读我的
    2025-02-14
  • HTML5canvas 绘制一个圆环形的进度表示实例

    HTML5canvas 绘制一个圆环形的进度表示实例

    HTML5 canvas 绘制圆环形进度先看一下画出来的效果,如下图,这样一个圆环形的进度.我这里使用HTML5的Canvas来要制作这样一个圆环形的进度,首先是HTML页面,HTML5的文档标识是:<!DOCTYPE html>这个文档标
    2025-02-14
  • HTML5、Select下拉框右边加图标的实现代码(增进用户体验)

    HTML5、Select下拉框右边加图标的实现代码(增进用户体验)

    本文给大家讲h5、select下拉框右边加图标,深度美化页面增进用户体验效果1.那么我们先来看一下效果吧!2.再看看h5的结构:<div id=login-div> <div class=select-wrap
    2025-02-14
  • HTML 5.1学习之新增的14项特性与应用示例

    HTML 5.1学习之新增的14项特性与应用示例

    前言众所周知HTML5 属于万维网联盟 (W3C), 这个组织为整个网络界提供了标准,如此形成的协议可在全世界通行。在 2016 年 11 月, W3C 对长期行使的 HTML 5 标准进行了更新,它是2年内的第一次小更新。许多最开始提出的
    2025-02-14
  • html5 div布局与table布局详解

    html5 div布局与table布局详解

    本文实例为大家解析了html5 div布局与table布局,供大家参考,具体内容如下div布局:html+css实现简单布局。#container中height不能写成百分数,必须为具体高度。<!DOCTYPE html> <html>
    2025-02-14
  • HTML5本地存储之IndexedDB

    HTML5本地存储之IndexedDB

    IndexedDB 是一种低级API,用于客户端存储大量结构化数据(包括, 文件/ blobs)。该API使用索引来实现对该数据的高性能搜索。最近有一项业务需求,就是可以离线存储数据,等到有网络信号的时候可以上传表单和图片。所以研究了一下H
    2025-02-14