首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • HTML5 FormData 方法介绍以及实现文件上传示例

    HTML5 FormData 方法介绍以及实现文件上传示例

    XMLHttpRequest 是一个浏览器接口,通过它,我们可以使得 Javascript 进行 HTTP (S) 通信。XMLHttpRequest 在现在浏览器中是一种常用的前后台交互数据的方式。2008年 2 月,XMLHttpReq
    2025-01-31
  • canvas绘制圆角头像的实现方法

    canvas绘制圆角头像的实现方法

    如果你想绘制的网页包含一个圆弧形的头像的canvas图片,但是头像本身是正方形的,需要的方法如下:首先, 拿到头像在画布上的坐标和宽高:(具体怎么获取不在此做具体介绍)let {avatarX, avatarY, avatarW, avat
    2025-01-31
  • HTML input file控件限制上传文件类型_动力节点Java学院整理

    HTML input file控件限制上传文件类型_动力节点Java学院整理

    网页上添加一个input file HTML控件:<input id=File1 type=file />默认是这样的,所有文件类型都会显示出来,如果想限制它只显示我们设定的文件类型呢,比如word,excel,pdf文件 解决办法是可以给
    2025-01-31
  • canvas三角函数模拟水波效果的示例代码

    canvas三角函数模拟水波效果的示例代码

    最近项目中,ui设计了个水波效果的背景动画,然而并没有gif或svg动画,开始试着用css实现了一下,动画效果并不是很好,网上查了下基本都是用贝赛尔曲线实现,想起以看的各种前波形图,于是想着用三角函数图像初略模拟一下一、绘制sin函数图像s
    2025-01-31
  • 解决H5的a标签的download属性下载service上的文件出现跨域问题

    解决H5的a标签的download属性下载service上的文件出现跨域问题

    1.通过点击下载多媒体文件(图片/视频/文件等)最简单的方式:<a href=url download=filename.ext>下载文件</a>如果url指向同源资源,是正常的。如果url指向第三方资源,download会失效,表现和不使
    2025-01-31
  • HTML图片img标签_动力节点Java学院整理

    HTML图片img标签_动力节点Java学院整理

    摘要项目说明形式<img src=...>
    2025-01-31
  • html5-canvas中使用clip抠出一个区域的示例代码

    html5-canvas中使用clip抠出一个区域的示例代码

    本想在一个fillRect中抠出一个区域来给我用的,这个是在学clip方法的时候用到的但是怎么也弄不出扣的区域,代码如下<!DOCTYPE html> <html> <head> <meta charset=u
    2025-01-30
  • HTML5 device access 设备访问详解

    HTML5 device access 设备访问详解

    camera api (含图片预览)参考地址主要为利用input type=file, accept=image/* 进行处理图片预览方式(两种)const file = e.target.files[0]// 方式1 const url1
    2025-01-30
  • HTML5 Canvas 旋转风车绘制

    HTML5 Canvas 旋转风车绘制

    写在前面:亲爱的朋友们大家好,鄙人自学前端,第一次写博客,写的不好的地方,烦请同学们谅解.在进行教学之前,我想聪明的你已经掌握了基本的Canvas基本操作方法,如果对Canvas还不是很了解,那么我建议你去http://www.w3scho
    2025-01-30
  • html中meta标签及用法详解

    html中meta标签及用法详解

    废话,就不多说了,开始今天的主题。Html中html/11675.html">meta标签一、meta标签 含义<meta> 元素 可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。<me
    2025-01-30
  • HTML5表格_动力节点Java学院整理

    HTML5表格_动力节点Java学院整理

    表格的作用是显示二维数据,在HTML5中不再允许用表格控制页面内容的布局,而是采用新增的CSS表格特性(这里不涉及CSS,将在后面介绍)。下面主要介绍用于制作表格的HTML元素。构建表格表格的基本元素包括:table、tr和td。table
    2025-01-30
  • html5定制表单_动力节点Java学院整理

    html5定制表单_动力节点Java学院整理

    HTML5中存在多种不同的输入框和按钮,通过设置input元素的type属性来实现,除此之外,HTML5中还支持选择列表、多行输入框等,这些元素都有自己的用途和属性,下面一一介绍。单行文本输入框type为text表示input元素为一个单行
    2025-01-30
  • 详解canvas多边形(蜘蛛图)的画法示例

    详解canvas多边形(蜘蛛图)的画法示例

    蜘蛛图的画法: 在开始之前,我们需要知道canvas是如何进行图像的绘制,canvas 元素用于在网页上绘制图形。HTML5 的 canvas 元素使用 JavaScript 在网页上绘制2D图像。 在矩形区域的画布上,控制其每一像素,Ja
    2025-01-30
  • html5实现图片转圈的动画效果——让页面动起来

    html5实现图片转圈的动画效果——让页面动起来

    1.先瞧瞧效果:2.代码是这样的:<img src=images/circle.png @keyframes btnRotate{ from{transform: rotateZ(0);} to{trans
    2025-01-30
  • HTML高亮关键字的完美解决方案

    HTML高亮关键字的完美解决方案

    最近做项目遇到这样的一个功能:在网页中高亮关键字。本以为一个 innerHTML replace 就能实现的简单操作,却遇到了许多的问题。本文就记录这些问题和最终的完美解决办法, 希望能对有同样遭遇的小伙伴有所帮助。只对结果感兴趣的,忽略过
    2025-01-30