首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • canvas实现按住鼠标移动绘制出轨迹的示例代码

    canvas实现按住鼠标移动绘制出轨迹的示例代码

    概要工作以来，写过vue、react、正则、算法、小程序等知识，唯独没有写过canvas，因为实在不会啊！2018年，给自己设定一个小目标：学会canvas，达到的效果是能用canvas实现一些css3不容易实现的动画。本文作为学习canv
    2025-02-02
  • HTML背景图片和背景色_动力节点Java学院整理

    HTML背景图片和背景色_动力节点Java学院整理

    一、HTML图像<img> 1.<img>标签和它的src属性 在 HTML 中，图像由 <img> 标签定义。<img> 是一个空标签，意思是说，它只包含属性，并且没有闭合标签（而是直接以/>结尾）。要在页面上显示图像，你需要使用源属性（
    2025-02-01
  • HTML如何在两个div标签中间画一条竖线

    HTML如何在两个div标签中间画一条竖线

    近日在画一个界面的时候，遇到一个需求：在界面当中画一条竖线，且这条竖线在高度上需要自动占满整个父div(即这条竖线的高度和两个div中较高的一个等高)。往常我们画一条横线直接用标签<hr>即可，当画一条竖线的时候发现找不到标签。在网上查找了
    2025-02-01
  • HTML5 常见面试题之PC端和移动端区别介绍

    HTML5 常见面试题之PC端和移动端区别介绍

    一、概念1、PC端和移动端有什么区别从我个人角度来说，我觉得PC端的定位就是用户视觉浏览路线，可以显示较多的内容，而移动互联网终端的定位就是便携，体现的是Anyone Anytime Anywhere的理念，它不是替代PC的设备，准确的说是
    2025-02-01
  • canvas 如何绘制线段的实现方法

    canvas 如何绘制线段的实现方法

    学习canvas，首先得知道如何去绘制线段，然后才能通过很多简单的线段去实现比较复杂的图形，比如常见的图表，柱状图，折线图等都是通过一段一段的线段实现的。基础知识canvas 的基础知识不算多，主要掌握如何绘制线段，图形，图片，文本等。ca
    2025-02-01
  • 使用phonegap播放音频的实现方法

    使用phonegap播放音频的实现方法

    实例如下：<!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title>Compass Example</title> <
    2025-02-01
  • Html屏蔽右键菜单和左键划字功能的示例

    Html屏蔽右键菜单和左键划字功能的示例

    禁止右键菜单<body oncontextmenu=self.event.returnValue=false>禁止左键划字复制<body onselectstart=return false>采用CSS来控制是否可以选择文字.unselec
    2025-02-01
  • HTML5 使用 sessionStorage 进行页面传值的方法

    HTML5 使用 sessionStorage 进行页面传值的方法

    HTML5 提供的本地存储功能，使得web应用可以将数据存储在用户的本地浏览器。在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。在客户端存储的方法有两种：1.
    2025-02-01
  • Canvas制作旋转的太极的示例

    Canvas制作旋转的太极的示例

    前言好久没动canvas了，今下午突然想回顾一下，就写了个旋转的太极，哈哈，蛮好玩的，在这里就将自己写的过程展示出来，旋转使用的css实现的，没有用canvas自己的，希望大佬们不要吐槽。cssbody{ background: #d
    2025-02-01
  • HTML5的Video标签有部分MP4无法播放的问题解析（多图）

    HTML5的Video标签有部分MP4无法播放的问题解析（多图）

    现在网页视频的应用极为广泛，在实际项目中发现有些MP4文件可以在H5网页中正常播放，但有些却不行，这是为什么呢？1、首先我自己从网上下载的一个MP4文件，IE10和谷歌都能正常播放。然后自己用格式化工厂转换了一个RMVB文件为MP4，然后就
    2025-02-01
  • 利用canvas实现图片压缩的示例代码

    利用canvas实现图片压缩的示例代码

    项目中做身份证识别时，需要传送图片的 base64 格式编码，但是手机拍摄的照片都太大了，转成 base64 简直可怕，因此找了一下解决办法涉及到的知识点onchange 事件是在上传完文件之后触发使用 files 属性获取到上传的文件对象
    2025-02-01
  • HTML5新控件之日期和时间选择输入的实现代码

    HTML5新控件之日期和时间选择输入的实现代码

    HTML5定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历，供用户选择。注意：目前只有Chrome和Opera提供下拉式日历支持，其它浏览器仍是一个普通文本框。1，日期控件 - date<input type=d
    2025-02-01
  • HTML中锚点的使用_动力节点Java学院整理

    HTML中锚点的使用_动力节点Java学院整理

    现在总结一下控制锚点的几种情况：1. 在同一页面中<a name=add></a><!-- 定义锚点 --><a href=#add>跳转到add</a>2. 在不同页面中，锚点定位在a.html中，从另外一个页面的链接跳转到这个锚点<a
    2025-02-01
  • localstorage和sessionstorage使用记录(推荐)

    localstorage和sessionstorage使用记录(推荐)

    通过阅读各路大神对web存储locastorage和sessionstorage的用法解析，自己试用了一下，在此留个备忘。在项目中，如果用到很多次storage，要存储很多数据，就要把它封装成函数了：（该函数系不知名大神所写，如有侵犯原创，
    2025-02-01
  • 详解HTML5中垂直上下居中的解决方案

    详解HTML5中垂直上下居中的解决方案

    在CSS中，则要吐槽一下，利用margin:0 auto;可以达到水平方向的居中，但是margin: auto 0则无法达到垂直方向的居中。这里主要还是由于没有对父控件即控件本身进行正确的定位。直接看代码， 首先对父控件需要使用相对布局，之
    2025-02-01
上一页 158159160161162163164165166下一页