html5中文学习网

您的位置: 首页 > html5教程 > 入门教程
  • 2016-09-18 13:36:57 HTML5 canvas基本绘图之绘制线条_html5教程技巧
  • <canvas></canvas>是HTML5中新增的标签，用于绘制图形，实际上，这个标签和其他的标签一样，其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象，我们可以通过JavaScript脚本来控制该对象进行绘图。<canvas></canv
  • 2016-09-18 13:36:56 HTML5 canvas基本绘图之绘制曲线_html5教程技巧
  • <canvas></canvas>是HTML5中新增的标签，用于绘制图形，实际上，这个标签和其他的标签一样，其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象，我们可以通过JavaScript脚本来控制该对象进行绘图。<canvas></canv
  • 2016-09-18 13:36:56 HTML5 canvas基本绘图之图形变换_html5教程技巧
  • <canvas></canvas>是HTML5中新增的标签，用于绘制图形，实际上，这个标签和其他的标签一样，其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象，我们可以通过JavaScript脚本来控制该对象进行绘图。<canvas></canv
  • 2016-09-18 13:36:55 HTML5 canvas基本绘图之图形组合_html5教程技巧
  • <canvas></canvas>只是一个绘制图形的容器，除了id、class、style等属性外，还有height和width属性。在<canvas>>元素上绘图主要有三步： 1.获取<canvas>元素对应的DOM对象，这是一个Canvas对象；
    2.调用Canvas对象的getContext
  • 2016-09-18 13:36:55 HTML5 canvas基本绘图之文字渲染_html5教程技巧
  • 与文本渲染有关的主要有三个属性以及三个方法：上述的属性和方法的基本用法如下：JavaScript Code复制内容到剪贴板 var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d
  • 2016-09-18 13:36:53 HTML5中原生的右键菜单创建方法_html5教程技巧
  • 即使是JavaScript被禁止，这些右键菜单仍然能正常显示。所以，如果你想尊重用户的选择，最好的方法是用JavaScript来创建这些菜单元素，注入到DOM元素里，这样，当JavaScript被禁止时，这些右键菜单也不显示了。HTML5规范里有一个被
  • 2016-09-18 13:36:53 使用HTML5里的classList操作CSS类_html5教程技巧
  • 在JavaScript和JavaScript工具库里征战多年，我经常有这样的遐想：什么时候现代浏览器里能提供一些辅助方法和类库，替代那些JavaScript工具库，比如jQuery，让我们用浏览器原生的方法替代它们。我知道浏览器必定会向这个方向改
  • 2016-09-18 13:36:52 HTML5本地存储之Web Storage详解_html5教程技巧
  • 在HTML5出现之前，如果开发者需要在客户端存储少量的数据，只能通过cookie来实现，但是cookie存在几个不足点： &bull;每个域名下cookie的大小限制在4KB。
    &bull;cookie会包含在每个http请求中，这样会导致发送重复的数据。
    &
  • 2016-09-18 13:36:52 Html5实现移动端、PC端 刮刮卡效果_html5教程技巧
  • 先给大家展示下效果图：刮刮卡需求：每一位用户有三次刮刮卡的机会
    本次刮刮卡的结果会覆盖上次的结果
    刮刮卡的中奖几率呈现为递增的曲线（保证三次中必须有一次中奖）
    刮出的结果包含按钮既（领取奖品 or 再来一次 ）
    分享活动
  • 2016-09-18 13:36:49 HTML5学习心得总结(推荐)_html5教程技巧
  • Html学习总结1.什么是html:HyperTextMarket language，超文本标记语言,是用来描述网页语言，html使用标记标签来描述网页，html不是编程语言，是一种标记语言。2.经历过得版本:HTML2.0、HTML3.2、HTML4.0、HTML4.0.1、HTML53.
  • 2016-09-18 13:36:49 HTML5之语义标签介绍_html5教程技巧
  • 在HTML5标准中，新加了几个用于增添页面语义的标签，这些标签有：article、section、nav和aside等。与别的大多数标签不 同，浏览器在解释渲染这些标签的时候仅仅把它作为普通的div块级元素来处理，不会添加任何额外的展现逻辑；
  • 2016-09-18 13:36:48 HTML5 拖放功能实现代码 _html5教程技巧
  • 在HTML5中，拖放是标准的一部分，任何元素都能够拖放，具体内容如下1、拖放 XML/HTML Code复制内容到剪贴板 <!DOCTYPE HTML> <html> <head> <style type="text/css"> #div1 {width:350px;height:70
  • 2016-09-18 13:36:48 关于HTML5语义标签的实践(blog页面)_html5教程技巧
  • 仿照着用HTML5+CSS3做了一个blog页面。整体效果布局如如：　　页面布局是基于html5元素的。所以在开始动手之前先熟悉一下HTML5元素，然后检查它的语义是否适合你的布局很重要。　　The HTML5 Structure有一点很重要，当编
  • 2016-09-18 13:36:47 浅谈HTML5 & CSS3的新交互特性_html5教程技巧
  • 本文标题的这副图片，是用Phosotshop制作的。但是，在搜索引擎中你却无法搜索到它，搜索引擎还没有强大到能够识别图片里面的文字。并且由于图片的体积不算太小，可能网速慢的网友在浏览的时候不得不耐心的等待图片的刷新。那
  • 2016-09-18 13:36:47 HTML5和CSS3实例教程总结(推荐)_html5教程技巧
  • 关于onclick的行为与内容分离 1.通过链接触发弹出窗口方式 （不推荐使用此方法！！！）
    XML/HTML Code复制内容到剪贴板 <a href='#' onclcik = "window.open('holiday_pay.html',WinName,'width=300, height = 3
  • 2016-09-18 13:36:45 Html5 web本地存储实例详解_html5教程技巧
  • Web Storage是HTML5引入的一个非常重要的功能，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的多，cookie大小被限制在4KB，Web Storage官方建议为每个网站5MB。Web Storage又分为两种：sessionStor
  • 2016-09-18 13:36:45 html5 初试 indexedDB(推荐)_html5教程技巧
  • indexedDB是存储大量结构化数据的API，demo中用到的是异步API，麻烦的就是所有对indexedDB的操作都会发生一个异步的&lsquo;请求&rsquo;，只要熟悉了API操作起来也很简单。大体流程是这样1.打开数据库JavaScript Code复制内
  • 2016-09-18 13:36:44 HTML5中判断横屏竖屏的方法(移动端)_html5教程技巧
  • 在移动端中我们经常碰到横屏竖屏的问题，那么我们应该如何去判断或者针对横屏、竖屏来写不同的代码呢。这里有两种方法：一：CSS判断横屏竖屏写在同一个CSS中XML/HTML Code复制内容到剪贴板 @media screen and (orientat
  • 2016-09-18 13:36:44 Html5元素及基本语法详解_html5教程技巧
  • HTML标签
    开始标签(opening tag):开放标签
    结束标签(closing tag):闭合标签
    元素
    定义：HTML元素指的是从开始标签到结束标签的代码（元素以开始标签为起始以借宿标签终止）
    元素的内容：元素的内容指的是开始标签与结束标签
  • 2016-09-18 13:36:42 浅谈h5自定义audio(问题及解决)_html5教程技巧
  • h5活动需要插入音频，但又需要自定义样式，于是自己写咯htmlXML/HTML Code复制内容到剪贴板 <!-- cur表示当前时间 max表示总时长 input表示进度条 --> <span class='cur'></span><input type="range" min=0 max=
  • 2016-09-18 13:36:41 HTML5新增加的功能详解_html5教程技巧
  • HTML5现在已经不是SGML的子集，主要是增加了关于图像，位置，存储，多任务等功能。绘画CANVAS;用于播放媒体的video和audio元素；本地离线存储localstorage长期存储数据，浏览器关闭后数据不丢失；sessionstorage的数据在浏览器关闭
  • 2016-09-18 13:36:41 H5 meta小结(前端必看篇)_html5教程技巧
  • 如下所示：<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><meta name="format-detection" content="telephone=no,email=no,address=no"><me
html5书籍推荐
热门点击
最近更新
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助

CopyRight © 2011-2018 html5中文学习网 html5cn.Com.cn, All Rights Reserved. 京ICP备18048875号