标签分类
当前位置:首页 > 程序设计电子书 > HTML5电子书网盘下载
HTML5权威指南 HTML5权威指南
johnllon

johnllon 提供上传

资源
21
粉丝
38
喜欢
193
评论
8

    HTML5权威指南 PDF 超清版

    HTML5电子书
    • 发布时间:

    给大家带来的一篇关于HTML5相关的电子书资源,介绍了关于HTML5、权威指南方面的内容,本书是由人民邮电出版社出版,格式为PDF,资源大小37 MB,弗里曼编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:7.1,更多相关的学习资源可以参阅 程序设计电子书Web前端视频、等栏目。

  • HTML5权威指南 PDF 下载
  • 下载地址:https://pan.baidu.com/s/1Fnv9hXY9FDy-eOlaWhHHIQ
  • 分享码:w2i1
  • HTML5权威指南 PDF

    做为下代Web规范,HTML5着眼于为互联网技术开发人员构建更为方便快捷、对外开放的沟通交流服务平台。业内广泛认为,在将来两年内,HTML5毫无疑问将变成移动互联行业的主宰者。

    HTML5权威指南》是系统软件学习培训网页制作和挪动设计方案的权威性参照书籍。它包含建立规范适配、词义化的全新HTML5平台网站的全部基本知识,并包揽保持HTML5关键語言的HTML5生态体系和有关API。本书精采展现500好几个实战演练编码实例及流行电脑浏览器保持设计效果图,暖心聚集HTML5和CSS3中全部特性、原素和函数的简要参照表。《HTML5权威指南》是系统软件学习培训网页制作的权威性参照书籍。《HTML5权威指南》分成五一部分:*一部分详细介绍学习培训这书的准备专业知识和HTML、CSS和JavaScript的*进度;其次一部分探讨HTML原素,并详细描述了HTML5中增加和改动的原素;最后一部分论述CSS,包含了全部操纵內容款式的CSS选择器和特性,并加上很多编码实例和图例;最后一部分详细介绍DOM,分析怎样用JavaScript控制HTML內容;五一部分解读Ajax、多媒体系统和canvas原素等HTML5高級特点。 《HTML5权威指南》朝向新手和中等偏上Web开发者,是坚固把握HTML5、CSS3和JavaScript的必看之作。

    目录

    • 第一部分开篇
    • 第1章HTML5背景知识
    • 第2章准备工作
    • 第3章初探HTML
    • 第4章初探CSS
    • 第5章初探JavaScript
    • 第二部分HTML元素
    • 第6章HTML5元素背景知识
    • 第7章创建HTML文档
    • 第8章标记文字
    • 第9章组织内容
    • 第10章文档分节
    • 第11章表格元素
    • 第12章表单
    • 第13章定制input元素
    • 第14章其他表单元素及输入验证
    • 第15章嵌入内容
    • 第三部分CSS
    • 第16章理解CSS
    • 第17章使用CSS选择器(第Ⅰ部分)
    • 第18章使用CSS选择器(第Ⅱ部分)
    • 第19章使用边框和背景
    • 第20章使用盒模型
    • 第21章创建布局
    • 第22章设置文本样式
    • 第23章过渡、动画和变换
    • 第24章其他CSS属性和特性
    • 第四部分使用DOM
    • 第25章理解DOM
    • 第26章使用Document对象
    • 第27章使用Window对象
    • 第28章使用DOM元素
    • 第29章为DOM元素设置样式
    • 第30章使用事件
    • 第31章使用元素专属对象
    • 第五部分高级功能
    • 第32章使用Ajax(第Ⅰ部分)
    • 第33章使用Ajax(第Ⅱ部分)
    • 第34章使用多媒体
    • 第35章使用canvas元素(第Ⅰ部分)
    • 第36章使用canvas元素(第Ⅱ部分)
    • 第37章使用拖放
    • 第38章使用地理定位
    • 第39章使用Web存储
    • 第40章创建离线Web应用程序

    上一篇:.NET性能优化  下一篇:算法导论

    展开 +

    收起 -

    码小辫二维码
     ←点击下载即可登录

    HTML5相关电子书
    学习笔记
    网友NO.336123

    JavaScript html5利用FileReader实现上传功能

    本文实例为大家分享了H5利用FileReader上传文件的具体代码,供大家参考,具体内容如下 1. Html部分 h2文件上传演练/h2 div id="result" !-- 这里用来显示读取结果 -- div id="inResult" div id="inImgs"/div div id="imgInfo"/div /div /div input type="text" id="txtImgSrc" /!--显示图片信息-- input type="button" id="btnRemove" / button id="btnBrowse" onClick="onFile()"Browse.../button input type="file" id="file_input" / 2. JS部分 script type="text/javascript" var result = document.getElementById("result"); var input = document.getElementById("file_input"); var inResult = document.getElementById('inResult'); if(typeof FileReader === 'undefined'){ result.innerHTML = "抱歉,你的浏览器不支持 FileReader"; input.setAttribute('disabled','disabled'); }else{ input.addEventListener('change',readFile,false); } function onFile(){ document.getElementById('file_input').click(); //打开input type="file" id="file_input" / } function readFile(){ var file = this.files[0]; var fsize = parseInt((file.size)/1024); //计算图片大小,默认是B,转换成KB if(!/image\/\w+/.test(file.type)){ alert("请确保文件为图像类型"); return false; } var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function(e){ //alert(this.result); inImgs.innerHTML = 'img src="'+this.result+'" alt="" width="198px" height="250px" id="img"/'; //显示图片 var arr = input.value.split('\\'); //分割图片路径 document.getElementByI……

    网友NO.963964

    jQuery Mobile操作HTML5的常用函数总结

    一. $.mobile.changePage() nbsp;默认值: $.mobile.defaultPageTransition)设置页面加载时使用的过场动画。 type (string, default: "get") 设置请求页面时使用的方法 ("get" 或 "post") 。仅当 to 参数的值为一个 URL 时可用。 这里引用例子说明一下 $.mobile.changePage() 的使用方法,手动调用该方法可以触发跳转到一个新页面,例如,在 Web Apps 发生错误时可以跳转到一个提示错误的页面。 // 转入到 "about us" 页面并使用 "slideup" 转场动画$.mobile.changePage( "about/us.html", { transition: "slideup"} ); // 转入到 "search results" 页面, 使用 来自 id 为 search 的表单数据,并把页面请求方式改为 "post"$.mobile.changePage('searchresults.php', { type: "post", data: $("form#search").serialize()}); // 转入到 "confirm" 页面并使用 "pop" 转场动画,不更新历史记录(地址栏哈希值不更新)$.mobile.changePage('../alerts/confirm.html', { transition: "pop", reverse: false, changeHash: false}); 发生错误时可以跳转到一个提示错误的页面。 $(function(){ // 发生错误 // 已 "slideup" 的方式弹出对话框提示发生了错误 $.mobile.changePage('../alerts/confirm.html', { transition: "slideup", role: "dialog" });}); 2.$.mobile.loadPage() 如上面所述,$.mobile.loadPage() 用于加载一个外部页面,但这里的加载是指把外部页面的元素插入到当前 DOM 中,并在插入之前对页面内容进行 jQuery Mobil……

    网友NO.434945

    jQuery+HTML5实现弹出创意搜索框层

    效果体验:http://demo.jb51.net/js/2016/sousuokuang_jb51/ 本效果适用于移动设备,可以使用手机等浏览效果。 代码下载:http://xiazai.jb51.net/201612/yuanma/sousuokuang_jb51.rar HTML代码如下: !doctype htmlhtml lang="zh"headmeta charset="UTF-8"meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /titlejQuery+CSS3创意搜索框特效 - 何问起/titlelink rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/jquery/26/css/default.css" /!--必要样式--link rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/jquery/26/css/search-form.css" //headbodydiva href="http://hovertree.com/"首页/a a href="http://hovertree.com/texiao/"特效/a a href="http://hovertree.com/h/bjaf/sousuokuang.htm"原文/a/divform onSubmit="submitFn(this, event);" name="yestop"div class="search-wrapper"div class="input-holder"input type="text" class="search-input" placeholder="请输入关键词" name="hewenqi" /input type="hidden" name="q" /button class="search-icon" onClick="searchToggle(this, event);"span/span/button/divspan class="close" onClick="searchToggle(this, event);"/spandiv class="result-container"/div/div/formscript src="http://hovertree.com/ziyuan/jquery/jquery-1.12.0.min.js" type="text/javascript"/scriptscript type="text/javascript" src="http://hovertree.com/texiao/jquery/26/js/hovertreesearch.js"/script/body/html 其中……

    网友NO.506851

    HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)

    本文讲述了HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果。分享给大家供大家参考,具体如下: 因为本人是星际争霸系列游戏的忠实拥簇,所以在今天的jQuery教程中,我们将使用HTML5和jQuery插件Quicksand来创建一个超酷的星际争霸兵种效果图。希望大家喜欢! 先来看看效果图: HTML5代码 首先我们使用HTML5的代码来创建一个html文档,将所需的quicksand类库,及其jquery类库,还有HTML5类库倒入,如下: !DOCTYPE htmlhtml head meta charset="utf-8" / titleStarcraft 2 Unit Show Demo/title script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"/script script src="js/jquery.quicksand.js"/script script src="js/gbin1.js"/script !-- Our CSS stylesheet file -- link rel="stylesheet" href="css/styles.css" / !--[if IE] script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"/script ![endif]-- /head body header h1Starcraft 2 Unit/h1 /header nav id="navbar"/nav span id="details"/span section id="container" //所有的兵种图片显示在这里 /section /body/html 在以上代码中,我们将在container中插入需要展示的兵种图片,如下: li data-tag="Terran unit"img src="unit/scv.gif" alt="Terran unit" //lili data-tag="Protoss unit"img src="unit/probe.gif" alt="Protoss unit" //lili data-tag="Zerg unit"img src="unit/larva.gif" alt="Zerg unit" //lili data-tag="Terran unit"img src="unit/marine.gif" alt="Terran unit"……

    Copyright 2018-2019 xz577.com 码农之家

    版权责任说明