蓝胖仔资源站- 丰富、实用的资源网站!

蓝胖仔资源站_建站资料、教程、素材、模板、软件

当前位置: 主页 > 前端 > 前端相关资料 >

《HTML5从入门到精通》pdf

时间:2019-11-07 22:35来源:蓝胖仔资源站 作者:蓝胖仔 点击:
《HTML5从入门到精通》是2012年清华大学出版社出版的图书,作者是明日科技,该书全面地讲解了HTML语言及其最新版本HTML5的新功能与新特性。

  内容介绍:


  《HTML5从入门到精通》系统、全面地讲解了HTML语言及其最新版本HTML5的新功能与新特性,技术新颖实用。书中所有知识点均结合实例进行讲解,方便读者动手实践。同时在每章的最后还设置了习题,通过这些习题可以对本章学到的知识进行巩固。《HTML5从入门到精通》不仅能够使读者系统而全面地学习理论知识,还能满足读者充分实践的需求。


  下载地址:《HTML5从入门到精通》

   

   书籍目录:


  目录


  第1章HTML基础


  1.1 HTML的基本概念4


  1.2 HTML发展史4


  1.3 HTML的基本结构5


  1.3.1 HTML文件的编写方法5


  1.3.2文件开始标签<html>7


  1.3.3文件头部标签<head>7


  1.3.4文件标题标签<title>7


  1.3.5文件主体标签<body>7


  1.3.6编写文件的注意事项8


  1.4编写第一个HTML文件8


  1.4.1 HTML文件的编写方法8


  1.4.2手工编写页面9


  1.4.3使用可视化软件制作页面10


  1.4.4使用浏览器浏览HTML文件14


  1.4.5使用HTML开发的明日图书网14


  1.5小结15


  1.6习题16


  第2章HTML文件基本标记17


  教学录像:44分钟


  2.1 HTML头部标记18


  2.2标题标记<title>18


  2.3元信息标记<meta>19


  2.3.1设置页面关键字19


  2.3.2设置页面描述20


  2.3.3设置编辑工具20


  2.3.4设定作者信息21


  2.3.5限制搜索方式22


  2.3.6设置网页文字及语言22


  2.3.7设置网页的定时跳转23


  2.3.8设定有效期限24


  2.3.9禁止从缓存中调用24


  2.3.10删除过期的cookie 25


  2.3.11强制打开新窗口25


  2.3.12设置网页的过渡效果26


  2.4基底网址标记<base>29


  2.5页面的主体标记<body>30


  2.5.1设置文字颜色——text 31


  2.5.2背景颜色属性——bgcolor 32


  2.5.3背景图像属性——background 32


  2.5.4设置链接文字属性——link 35


  2.5.5设置边距——margin 37


  2.6页面的注释标记38


  2.7实例演练——创建基本的HTML网页38


  2.8小结39


  2.9习题40


  第3章设计网页文本内容41


  教学录像:29分钟


  3.1标题文字的建立42


  3.1.1标题文字标记<h>42


  3.1.2标题文字的对齐方式——align 43


  3.2设置文字格式44


  3.2.1设置文字字体——face 44


  3.2.2设置字号——size 45


  3.2.3设置文字颜色——color 46


  3.2.4粗体、斜体、下划线——strong、em、u 46


  3.2.5上标与下标——sup、sub 47


  3.2.6设置删除线——strike 48


  3.2.7等宽文字标记——code 49


  3.2.8空格—— 49


  3.2.9其他特殊符号50


  3.3设置段落格式51


  3.3.1段落标记——p 51


  3.3.2取消文字换行标记——nobr 52


  3.3.3换行标记——br 53


  3.3.4保留原始排版方式标记——pre 53


  3.3.5居中对齐标记——center 54


  3.3.6向右缩进标记——blockquote 55


  3.4水平线标记56


  3.4.1添加水平线——hr 56


  3.4.2设置水平线的宽度与高度


  ——width、height 57


  3.4.3设置水平线的颜色——color 58


  3.4.4设置水平线的对齐方式——align 59


  3.4.5去掉水平线阴影——noshade 60


  3.5其他文字标记60


  3.5.1文字标注标记——ruby 60


  3.5.2声明变量标记——var 61


  3.5.3忽视HTML标记


  ——plaintext、xmp 62


  3.6小结63


  3.7习题63


  第4章使用列表65


  教学录像:35分钟


  4.1列表的标记66


  4.2使用无序列表66


  4.2.1无序列表标记——ul 66


  4.2.2无序列表的符号类型——type 67


  4.3使用有序列表69


  4.3.1有序列表标记——ol 69


  4.3.2有序列表的属性——type 70


  4.3.3有序列表的起始数值——start 72


  4.4定义列表标记——dl 73


  4.5菜单列表标记——menu 74


  4.6目录列表——dir 75


  4.7使用嵌套列表76


  4.7.1定义列表的嵌套77


  4.7.2无序列表和有序列表的嵌套78


  4.8小结79


  4.9习题80


  第5章超链接81


  教学录像:22分钟


  5.1超链接的基本知识82


  5.1.1超链接82


  5.1.2绝对路径82


  5.1.3相对路径82


  5.2超链接的建立83


  5.2.1超链接标记的基本语法83


  5.2.2建立文本超链接83


  5.2.3设置超链接的目标窗口85


  5.3内部链接87


  5.4书签链接89


  5.4.1建立书签89


  5.4.2链接到同一页面的书签91


  5.4.3链接到不同页面的书签92


  5.5外部链接93


  5.5.1通过HTTP协议94


  5.5.2通过FTP 94


  5.5.3发送E-mail 95


  5.5.4下载文件96


  5.6其他链接98


  5.6.1脚本链接98


  5.6.2空链接99


  5.7小结99


  5.8习题100


  第6章使用图像101


  教学录像:35分钟


  6.1图像的基本格式102


  6.2添加图像——img 102


  6.3设置图像属性103


  6.3.1图像高度——height 103


  6.3.2图像宽度——width 104


  6.3.3图像边框——border 105


  6.3.4图像水平间距——hspace 107


  6.3.5图像垂直间距——vspace 108


  6.3.6图像相对于文字基准线的对齐方式


  ——align 108


  6.3.7图像的提示文字——alt 110


  6.4图像的超链接111


  6.4.1设置图像的超链接111


  6.4.2设置图像热区链接112


  6.5小结116


  6.6习题116


  第7章表格的应用118


  教学录像:48分钟


  7.1创建表格119


  7.1.1表格的基本构成——table、tr、td 119


  7.1.2表格的标题——caption 120


  7.1.3表格的表头——th 121


  7.2设置表格基本属性123


  7.2.1表格的宽度——width 123


  7.2.2表格的高度——height 125


  7.2.3表格的对齐方式——align 126


  7.3设置表格的边框127


  7.3.1表格边框的宽度——border 127


  7.3.2表格边框的颜色——bordercolor 128


  7.3.3表格内框的宽度——cellspacing 130


  7.3.4表格内文字与边框的间距


  ——cellpadding 131


  7.4设置表格背景132


  7.4.1表格的背景颜色——bgcolor 132


  7.4.2表格的背景图像——background 133


  7.5设置表格的行属性134


  7.5.1高度的控制——height 134


  7.5.2行的边框颜色——bordercolor 135


  7.5.3行的背景颜色——bgcolor、background 136


  7.5.4行文字的水平对齐方式——align 137


  7.5.5行文字的垂直对齐方式——valign 139


  7.5.6表格标题的垂直对齐方式——align 140


  7.6调整单元格属性141


  7.6.1单元格大小——width、height 141


  7.6.2单元格水平跨度——colspan 142


  7.6.3单元格垂直跨度——rowspan 143


  7.6.4单元格对齐方式——align、valign 144


  7.6.5单元格的背景色146


  7.6.6单元格的边框颜色——bordercolor 147


  7.6.7单元格的亮边框——bordercolorlight 148


  7.6.8单元格的暗边框——bordercolordark 150


  7.6.9单元格的背景图像——background 151


  7.7表格的结构152


  7.7.1表格的表头标记——thead 153


  7.7.2表格的表主体标记——tbody 154


  7.7.3表格的表尾标记——tfoot 156


  7.8表格的嵌套157


  7.9小结159


  7.10习题159


  第8章层标记——div 161


  教学录像:33分钟


  8.1层162


  8.1.1层的分类162


  8.1.2定义数据块162


  8.2<div>标签163


  8.2.1<div>标签的简介163


  8.2.2<div>标签的属性164


  8.2.3<span>标签与<div>标签170


  8.3<iframe>标签172


  8.3.1<iframe>标签的简介172


  8.3.2<iframe>标签的属性172


  8.4<layer>标签和<ilayer>标签174


  8.4.1标签层的使用175


  8.4.2<layer>标签和<ilayer>标签的区别176


  8.5应用div制作下拉菜单导航条176


  8.6小结179


  8.7习题179


  第9章编辑表单181


  教学录像:26分钟


  9.1使用表单标签——form 182


  9.1.1处理动作——action 182


  9.1.2表单名称——name 183


  9.1.3传送方法——method 183


  9.1.4编码方式——enctype 184


  9.1.5目标显示方式——target 185


  9.2添加控件185


  9.3输入类的控件186


  9.3.1文字字段——text 186


  9.3.2密码域——password 187


  9.3.3单选按钮——radio 188


  9.3.4复选框——checkbox 189


  9.3.5普通按钮——button 190


  9.3.6提交按钮——submit 191


  9.3.7重置按钮——reset 192


  9.3.8图像域——image 193


  9.3.9隐藏域——hidden 195


  9.3.10文件域——file 195


  9.4列表/菜单标记197


  9.5文本域标记——textarea 198


  9.6 id标记199


  9.7小结200


  9.8习题200


  第10章多媒体页面202


  视频讲解:18分钟


  10.1设置滚动文字203


  10.1.1滚动文字标签——marquee 203


  10.1.2滚动方向属性——direction 203


  10.1.3滚动方式属性——behavior 204


  10.1.4滚动速度属性——scrollamount 205


  10.1.5滚动延迟属性——scrolldelay 206


  10.1.6滚动循环属性——loop 207


  10.1.7滚动范围属性——width、height 208


  10.1.8滚动背景颜色属性——bgcolor 209


  10.1.9滚动空间属性——hspace、vspace 209


  10.2添加背景音乐211


  10.2.1设置背景音乐——bgsound 211


  10.2.2设置循环播放次数——loop 212


  10.3添加多媒体文件213


  10.3.1添加多媒体文件标记——embed 213


  10.3.2设置自动运行——autostart 214


  10.3.3设置媒体文件的循环播放——loop 215


  10.3.4隐藏面板——hidden 216


  10.3.5添加其他类型的媒体文件217


  10.4小结217


  10.5习题218


  第2篇HTML 5高级应用


  第11章HTML 5的新特性221


  视频讲解:6分钟


  11.1谁在开发HTML 5 222


  11.2 HTML 5的新认识222


  11.2.1兼容性222


  11.2.2实用性和用户优先222


  11.2.3化繁为简223


  11.3无插件范式223


  11.4 HTML 5的新特性224


  11.5小结224


  第12章HTML 5与HTML 4的区别225


  视频讲解:51分钟


  12.1语法的改变226


  12.1.1 HTML 5的语法变化226


  12.1.2 HTML 5中的标记方法226


  12.1.3 HTML 5语法中的3个要点227


  12.1.4标签实例228


  12.2新增的元素和废除的元素228


  12.2.1新增的结构元素228


  12.2.2新增的块级的语义元素230


  12.2.3新增的行内的语义元素231


  12.2.4新增的嵌入多媒体元素与交互性元素231


  12.2.5新增的input元素的类型232


  12.2.6废除的元素233


  12.3新增的属性和废除的属性234


  12.3.1新增的属性234


  12.3.2废除的属性236


  12.4全局属性237


  12.4.1 contentEditable属性237


  12.4.2 designMode属性238


  12.4.3 hidden属性239


  12.4.4 spellcheck属性239


  12.4.5 tabindex属性240


  12.5小结240


  12.6习题240


  第13章HTML 5的结构242


  视频讲解:20分钟


  13.1新增的主体结构元素243


  13.1.1 article元素243


  13.1.2 section元素245


  13.1.3 nav元素247


  13.1.4 aside元素248


  13.1.5 time元素250


  13.1.6 pubdate属性250


  13.2新增的非主体结构元素251


  13.2.1 header元素251


  13.2.2 hgroup元素252


  13.2.3 footer元素252


  13.2.4 address元素253


  13.3小结253


  13.4习题254


  第14章HTML 5中的表单255


  视频讲解:50分钟


  14.1新增表单元素与属性256


  14.1.1新增的属性256


  14.1.2增加与改良的input元素的种类259


  14.1.3 output元素的添加264


  14.1.4应用新增元素制作注册表单264


  14.2对表单的验证266


  14.2.1自动验证266


  14.2.2 checkValidity显式验证法267


  14.2.3避免验证268


  14.2.4使用setCustomValidity方法自定义


  错误信息268


  14.3增加的页面元素269


  14.3.1新增的figure元素270


  14.3.2新增的details元素271


  14.3.3新增的mark元素272


  14.3.4新增的progress元素274


  14.3.5新增的meter元素275


  14.3.6改良的ol列表276


  14.3.7改良的dl列表276


  14.3.8加以严格限制的cite元素277


  14.3.9重新定义的small元素278


  14.4小结278


  14.5习题279


  第15章HTML 5中的文件与拖放280


  视频讲解:40分钟


  15.1选择文件281


  15.1.1通过file对象选择文件281


  15.1.2使用blob接口获取文件的类型与大小282


  15.1.3通过类型过滤选择的文件283


  15.2使用FileReader接口读取文件285


  15.2.1检测浏览器是否支持FileReader接口285


  15.2.2 FileReader接口的方法285


  15.2.3使用readAsDataURL方法预览图片286


  15.2.4使用readAsText方法读取文本文件287


  15.2.5 FileReader接口中的事件288


  15.3拖放API 290


  15.3.1实现拖放的步骤290


  15.3.2通过拖放显示欢迎信息291


  15.4 dataTransfer对象应用详解293


  15.4.1使用effectAllowed和dropEffect属性


  设置拖放效果293


  15.4.2使用setDragImage方法设置拖放图标294


  15.5小结295


  15.6习题295


  第16章多媒体播放296


  视频讲解:35分钟


  16.1 HTML 5多媒体的简述297


  16.1.1 HTML 4中多媒体的应用297


  16.1.2 HTML 5页面中的多媒体297


  16.2多媒体元素基本属性298


  16.3多媒体元素常用方法302


  16.3.1媒体播放时的方法302


  16.3.2 canPlayType(type)方法304


  16.4多媒体元素重要事件304


  16.4.1事件处理方式304


  16.4.2事件介绍305


  16.4.3事件实例306


  16.5小结308


  16.6习题309


  第17章绘制图形310


  视频讲解:1小时32分钟


  17.1 canvas的基础知识311


  17.1.1 canvas是什么311


  17.1.2在页面中放置canvas元素311


  17.1.3绘制带边框的矩形312


  17.2在画布中使用路径314


  17.2.1使用arc方法绘制圆形314


  17.2.2使用moveTo与lineTo路径绘制火柴人316


  17.2.3贝塞尔和二次方曲线317


  17.3运用样式与颜色319


  17.3.1 fillStyle和strokeStyle属性319


  17.3.2透明度globalAlpha 321


  17.3.3线型Line styles 323


  17.4绘制渐变图形325


  17.4.1绘制线性渐变325


  17.4.2绘制径向渐变326


  17.5绘制变形图形328


  17.5.1坐标的变换328


  17.5.2矩阵变换330


  17.6组合多个图形333


  17.7给图形绘制阴影335


  17.8应用图像336


  17.8.1绘制图像336


  17.8.2图像的局部放大338


  17.8.3图像平铺339


  17.8.4图像裁剪341


  17.8.5像素的处理342


  17.9绘制文字344


  17.10保存与恢复状态345


  17.11文件的保存346


  17.12对画布绘制实现动画347


  17.13综合实例——桌面时钟348


  17.14小结350


  17.15习题351


  第18章数据存储352


  视频讲解:50分钟


  18.1初识Web Storage 353


  18.1.1什么是Web Storage 353


  18.1.2使用Web Storage中的API 353


  18.1.3 sessionStorage和localStorage的实例


  ——计数器355


  18.1.4 Web Storage综合实例——留言本357


  18.1.5 JSON对象的存数实例——用户信息卡359


  18.2本地数据库361


  18.2.1 Web SQL数据库简介361


  18.2.2使用Web SQL Database API 362


  18.2.3本地数据库实例——用户登录363


  18.3小结367


  18.4习题367


  第19章离线应用程序368


  视频讲解:13分钟


  19.1 HTML 5离线Web应用概述369


  19.1.1离线Web应用概述369


  19.1.2本地缓存与浏览器网页缓存的区别370


  19.2创建HTML 5离线应用370


  19.2.1缓存清单(manifest)370


  19.2.2配置IIS服务器372


  19.2.3浏览缓存清单372


  19.3浏览器与服务器的交互过程373


  19.4 applicationCache对象374


  19.4.1 swapCache方法375


  19.4.2 applicationCache对象的事件376


  19.5小结379


  19.6习题379


  第20章使用Web Worker处理线程380


  视频讲解:25分钟


  20.1 Web Worker概述381


  20.1.1创建和使用Worker 381


  20.1.2 Web Worker应用实例——求和运算382


  20.2在Worker内部能做什么383


  20.3多个JavaScript文件的加载与执行384


  20.4线程嵌套384


  20.4.1单层嵌套385


  20.4.2在多个子线程中进行数据的交互387


  20.5小结390


  20.6习题390


  第21章通信API 391


  视频讲解:4分钟


  21.1跨文档消息通信392


  21.1.1使用postMessageAPI 392


  21.1.2跨文档消息传输392


  21.2小结394


  第22章获取地理位置信息395


  视频讲解:12分钟


  22.1 Geolocation API的概述396


  22.1.1使用getCurrentPosition方法获取


  当前地理位置396


  22.1.2持续监视当前地理位置的信息398


  22.1.3停止获取当前用户的地理位置信息398


  22.2 position对象398


  22.3在google地图上显示“我在这里”399


  22.4小结401


  22.5习题401


  第3篇HTML 5项目实战


  第23章旅游信息网前台页面405


  视频讲解:20分钟


  23.1概述406


  23.2网站预览406


  23.3关键技术410


  23.3.1网站主体结构设计410


  23.3.2 HTML 5结构元素的使用410


  23.4网站公共部分设计411


  23.4.1设计网站公共header 411


  23.4.2设计网站公共footer 418


  23.5网站主页设计419


  23.5.1显示网站介绍及相关图片419


  23.5.2主页左侧导航的实现421


  23.6留下足迹页面设计424


  23.6.1播放音乐424


  23.6.2添加留言功能的实现425


  23.7小结426


  附录习题参考答案427

       

相关文章:

免责声明:

  • 二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!
  • 本站所有资源(教程、软件、素材资料等)均来自网友分享收藏,版权归原作者所有,请各位网友下载后于24小时内删除,不得商用;如本站有侵犯到您的权益,请联系本站删除,谢谢合作。
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
分享按钮