首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • HTML5 canvas基本绘图之绘制曲线

    HTML5 canvas基本绘图之绘制曲线

    <canvas></canvas>是HTML5中新增的标签,用于绘制图形,实际上,这个标签和其他的标签一样,其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象,我们可以通过JavaScript脚本来控制该对
    2025-02-16
  • 手机端用rem+scss做适配的详解

    手机端用rem+scss做适配的详解

    rem介绍rem(font size of the root element)是指相对于根元素(即html元素)的字体大小的单位。假设根元素的字体大小是10px, 则5rem的大小为 5*10=50px,例如html{ font-si
    2025-02-16
  • HTML5中原生的右键菜单创建方法

    HTML5中原生的右键菜单创建方法

    即使是JavaScript被禁止,这些右键菜单仍然能正常显示。所以,如果你想尊重用户的选择,最好的方法是用JavaScript来创建这些菜单元素,注入到DOM元素里,这样,当JavaScript被禁止时,这些右键菜单也不显示了。HTML5规
    2025-02-16
  • html 表格单元格的宽度和高度的设置方法

    html 表格单元格的宽度和高度的设置方法

    做网页的时候,经常会碰到表格宽度对不齐的问题。详细地看了html中表格标签table的高度和宽度设置的细节,现总结如下:1、table中的width和height设置及其作用:table中设置的height其实是设置个最小值,也就是当表格中
    2025-02-16
  • HTML5新表单元素_动力节点Java学院整理

    HTML5新表单元素_动力节点Java学院整理

    HTML5 新的表单元素HTML5 有以下新的表单元素:<datalist><keygen><output>注意:不是所有的浏览器都支持HTML5 新的表单元素,但是你可以在使用它们,即使浏览器不支持表单属性,仍然可以显示为常规的表单
    2025-02-16
  • H5 canvas实现贪吃蛇小游戏

    H5 canvas实现贪吃蛇小游戏

    本文介绍了H5 canvas实现贪吃蛇小游戏,分享给大家,具体如下:实现效果如下实现思路:ps:这个只是思路,详细可看代码注释一、先把蛇画出来定义一下蛇的结构,用一个数组保存一堆矩形,包含蛇头(红)和蛇身(灰)。画蛇(初始状态)二、蛇能动(
    2025-02-15
  • HTML5 新表单类型示例代码

    HTML5 新表单类型示例代码

    演示.html:<!DOCTYPE html><html lang=en><head><meta charset=UTF-8><title>文档</title><style>
    2025-02-15
  • 详解html5页面 rem 布局适配方法

    详解html5页面 rem 布局适配方法

    rem 布局适配方案主要方法为:按照设计稿与设备宽度的比例,动态计算并设置 html 根标签的 font-size 大小;css 中,设计稿元素的宽、高、相对位置等取值,按照同等比例换算为 rem 为单位的值;设计稿中的字体使用 px 为单
    2025-02-15
  • 可能这些是你想要的H5软键盘兼容方案(小结)

    可能这些是你想要的H5软键盘兼容方案(小结)

    前言最近一段时间在做 H5 聊天项目,踩过其中一大坑:输入框获取焦点,软键盘弹起,要求输入框吸附(或顶)在输入法框上。需求很明确,看似很简单,其实不然。从实验过一些机型上看,发现主要存在以下问题:在 Android 和 IOS 上,获知软键
    2025-02-15
  • H5混合开发app如何升级的方法

    H5混合开发app如何升级的方法

    当我们的app开发完成之后,无可避免的以后会进行产品升级,那么我们希望在客户的手机上让app进行自动升级,可以分为自动升级和手动升级。自动升级:一般在客户app第一次打开首页的时候。手动升级:在app界面提供一个升级的入口。界面效果演示如下
    2025-02-15
  • canvas像素点操作之视频绿幕抠图

    canvas像素点操作之视频绿幕抠图

    本文介绍了canvas像素点操作之视频绿幕抠图,分享给大家,具体如下:用法:context.putImageData(imgData, x, y, dX, dY, dWidth, dHeight);参数描述imgData规定要放回画布的 I
    2025-02-15
  • 关于html的表单元素详解(一)

    关于html的表单元素详解(一)

    HTML 表单用于搜集不同类型的用户输入HTML 表单用于收集用户输入;form 元素定义 HTML 表单。<form> form elements</form>Action 属性action 属性定义在提交表单时执行的动作。向服务器
    2025-02-15
  • 浅谈Html5移动端ios/Android兼容性总结

    浅谈Html5移动端ios/Android兼容性总结

    以前做pc端,也会遇到兼容性的问题,不过说实话,脑海里全是ie的问题,并没有什么可特别注意的,可能是我不善总结,现在做移动端(本来觉得移动端很easy,所以没放在眼里),so,我错了,我为自己的轻视高傲买单!最近就遇见了一些兼容性bug,从
    2025-02-15
  • canvas学习总结三之绘制路径-线段

    canvas学习总结三之绘制路径-线段

    Canvas绘图环境中有些属于立即绘制图形方法,有些绘图方法是基于路径的。立即绘制图形方法仅有两个strokeRect(),fillRect(),虽然strokezText(),fillText()方法也是立即绘制的,但是文本不算是图形。基
    2025-02-15
  • 在html中显示JSON数据的方法

    在html中显示JSON数据的方法

    背景:有时候我们需要将json数据直接显示在页面上(比如在做一个接口测试的项目,需要将接口返回的结果直接展示),但是如果直接显示字符串,不方便查看。需要格式化一下。解决方案:其实JSON.stringify本身就可以将JSON格式化,具体的
    2025-02-15