首 页 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 尾 页

html5的Canvas技术实现简易绘画板

发布者: superzhang | 发布时间:2017-11-25

本例说说用html5的Canvas技术实现简易绘画板

以往也用canvas划过绘画布局,今次在原来的基础上加上一些能选择的功能,比如笔头的大小、绘画的形状、绘画的线条、清除按钮等!

功能还不是很完善, 如有不恰当或有问题之处,欢迎给予斧正,感谢支持!

下面看看效果图:

html5的Canvas技术实现简易绘画板

实现代码

html结构:

html5的Canvas技术实现简易绘画板

css样式:

html5的Canvas技术实现简易绘画板

想读更多 ->

扣丁学堂HTML5视频教程之HTML5标签详解

发布者: superzhang | 发布时间:2017-11-25

今天扣丁学堂小编为大家总结一下关于HTML5视频教程之HTML5标签详解,下面我们一起来看一下吧。

扣丁学堂HTML5视频教程之HTML5标签详解

可以进行省略的标签

不允许写结束标记的标签:area(定义图像映射中的区域)、base(为页面上的所有链接规定默认地址或默认目标)、br、col(为表格中一个或多个列定义属性值)、embed(定义嵌入的内容,比如插件--5)、hr、img、input、keygen、link、meta、param、source、track、wbr

可以省略结束标记的标签:li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th

可以完全省略的标签:html、head、body、colgroup、tbody

新增的标签

section:页面中的一个内容区块,入章节、页面、页脚或页面的其他部分、可以和h1、h2...等标签结合起来使用,表示文档结构。

article:表示页面中一

想读更多 ->

Java开发基础入门教程:html5和CSS

发布者: superzhang | 发布时间:2017-11-25

Java开发已经悄无声息的走进我们的生活中,无论是手机软件、手机Java游戏还是电脑软件等,只要你使用到电子产品就会碰到和Java有关的东西,更多的企业正采用Java语言开发网站,也心音了好多志同道合的朋友开始加入Java开发的行列。千锋教育强势推出的Java+大数据的新课程,为更多的Java学习者打造更加先进的Java开发技术。

Java开发基础入门教程:html5和CSS

我们知道在Java的学习中,Javaweb是我们的必修阶段,而在Javaweb开发中,我们学习的第一课便是HTML5和CSS的入门基础。我们常说的要浏览的网页就是由HTML语言来编写的,而CSS就是能让我们的网页更加绚丽。通过HTML和CSS的编码来显示我们的网页。所以web开发的必备技能便是HTML和CSS。

那什么是HTML呢?HTML就是超文本标记语言。下面是千锋小编为大家准备的HTML的发展史,教你一步一步踏入Java的世界。

HTML1.0-2.0,分别是在1989年和1991年诞生,起初的这两个版本只有几个基本的标签,而且做出来

想读更多 ->

HTML5本地缓存

发布者: superzhang | 发布时间:2017-11-25

localStorage(本地存储),可以长期存储数据,没有时间限制,一天,一年,两年甚至更长,数据都可以使用。sessionStorage(会话存储),只有在浏览器被关闭之前使用,创建另一个页面时同意可以使用,关闭浏览器之后数据就会消失。

HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的,区别在于 sessionStorage 在关闭页面后即被清空,而 localStorage 则会一直保存。我们这里以 localStorage 为例,简要介绍下 HTML5 的本地存储,并针对如遍历等常见问题作一些示例说明。 localStorage 是 HTML5 本地存储的 API,使用键值对的方式进行存取数据,存取的数据只能是字符串。不同浏览器对该 API 支持情况有所差异,如使用方法、最大存储空间等。

下面我们用sessionStorage写一个本地缓存类

先建一个缓存对象HTML5本地缓存

2.这个对象里有以下方法

JavaEE——HTML5绘画

声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权;凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。

绘画是HTML5的新功能,以前是没有的,有flash的功效,各大主流浏览器都支持。

< canvas >绘画组件

canvas 元素用于在网页上绘制图形。

HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。

画布是一个矩形区域,您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

创建 Canvas 元素

向 HTML5 页面添加 canvas 元素。

规定元素的 id、宽度和高度:

JavaEE——H</p><p><a href='internet/internet_229222.html'> 想读更多 -></a></p></div><div class='art bs'><h1><a href='internet/internet_229221.html'>HTML5学习笔记</a></h1><span class='art_des'>发布者: superzhang | 发布时间:2017-11-25</span><p><p>1.应用程序标签</p><p>DataList(数据列表)</p><p>Progress(进度条)</p><p>Meter(数值显示器) 示例:</p><html lang=

想读更多 ->

HTML5教程 - HTML5的概述

发布者: superzhang | 发布时间:2017-11-25

由于最近HTML5太过火爆,好多童鞋私信我可不可以发一些类似HTML5的教程连载这样的文章。一直在整理中,现在先慢慢开始一些基础的,等十一放假以后我们正式开始。

注:本文为系列连载文章

更多更新请关注本头条号。

HTML5 中文教程

HTML5 是近十年来 Web 开发标准最巨大的飞跃。HTML5 并非仅仅用来表示 Web 内容,它将 Web 带入一个成熟的应用平台,在 HTML5 平台上,视频、音频、图象、动画,以及同电脑的交互都被标准化。

本教程将教会大家HTML5中的新特性,以及每种标签的使用

HTML5 中的一些有趣的新特性:

用于绘画的 canvas 元素

用于媒介回放的 video 和 audio 元素

对本地离线存储的更好的支持

新的特殊内容元素,比如 article、footer、header、nav、section

新的表单控件,比如 calendar、date、time、email、url、search

HTML5 浏览器支持:

最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

想读更多 ->

html5音频控制进度条

发布者: superzhang | 发布时间:2017-11-25

html5中实现音频的话可以用新增的属性video,但是都会发现其自带的控制进度条非常不好看,所有很多人都会自定义它们的控制进度条,今天就来做一下音频控制进度条!

html5音频控制进度条

点击播放后即可看到进度条的圆点在相对于的动起来

代码

html结构:

html5音频控制进度条

css样式:

html5音频控制进度条

javascript:

支持Angular 5!</p><p><a href='internet/internet_229218.html'> 想读更多 -></a></p></div><div class='art bs'><h1><a href='internet/internet_229217.html'>HTML5开发文档—3、新增的HTML5结构标签</a></h1><span class='art_des'>发布者: superzhang | 发布时间:2017-11-25</span><p><p>新增的HTML5结构标签</p><p>结构标签:(块级元素) 有意义的div</p>标签含义<article>定义独立的、完整的相关内容块<header>定义一个页面或一个区域的头部内容<nav>定义导航类辅助内容<section>定义一块区域<aside>定义页面非正式内容部分的侧边栏<hgroup>定义h1~h6标题组合<figure>定义元素的组合,多用于图片与图片描述组合<figcaption>定义 figure元素的描述<footer>定义一个页面或一个区域的底部内容<p>传统div+css布局方式</p><p></p><p><img src=

HTML5布局方式

HTML5开发文档—3</p><p><a href='internet/internet_229217.html'> 想读更多 -></a></p></div>
            </div>
            <div class=