《HTML5从入门到精通》系统、全面地讲解了HTML语言及其最新版本HTML5的新功能与新特性,技术新颖实用。书中所有知识点均结合实例进行讲解,方便读者动手实践。同时在每章的最后还设置了习题,通过这些习题可以对本章学到的知识进行巩固。《HTML5从入门到精通》不仅能够使读者系统而全面地学习理论知识,还能满足读者充分实践的需求。
目 录
第1篇 HTML基础
第1章 HTML基础 3
教学录像:22分钟
1.1 HTML的基本概念 4
1.2 HTML发展史 4
1.3 HTML的基本结构 5
1.3.1 HTML文件的编写方法 5
1.3.2 文件开始标签 7
1.3.3 文件头部标签
71.3.4 文件标题标签
1.3.5 文件主体标签
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 标题标记
2.3 元信息标记 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 基底网址标记
2.5 页面的主体标记
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 标题文字标记
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
8.2.1
8.2.2
8.2.3 标签与 8.3 8.3.1 8.3.2 8.4 8.4.1 标签层的使用 175 8.4.2 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 HTML 5从入门到精通 目 录 X XI
一本面向未来的投资教科书一个掀起思维革命的项目管理体系互联网时代,怎样选择并经营项目、招聘适合的人才、应对市场变化和波动
《知识产权中国化应用研究》内容简介:本书系知识产权法权威学者吴汉东教授对知识产权基本问题的独到见解,浓缩了作者几十年学术研
《SAS技术内幕》内容简介:本书共27章,分为上下两卷:上卷介绍SAS编程基础与使用方法,是广大程序员快速掌握SAS编程技术的简明开发
《黑客与安全技术指南》内容简介:这是一本专门介绍并分享黑客与安全技术的入门书,内容从基础知识出发,通过相关实例为读者剖析计
《UNIX编程艺术》内容简介:本书主要介绍了Unix系统领域中的设计和开发哲学、思想文化体系、原则与经验,由公认的Unix编程大师、开
《祛魅:天人感应、近代科学与晚清宇宙观念的嬗变》内容简介:在漫长的传统中国,国家礼制和日常生活中都不乏对天、天道以及无数人
过去的竞争就如田径比赛,只要打败竞争对手就能赢得比赛,今天的竞争犹如体操比赛,还要赢得裁判才能赢得胜利。在服务竞赛中,裁
基于深度学习的图像语义分割技术 内容简介 图像语义分割(Image Semantic Segmentation,ISS)是涉及计算机视觉、模式识别与人工智能的研...
《无人机摄影与摄像从新手到高手》内容简介:本书根据20万学员喜欢的无人机摄影技巧,由两位资深的航拍摄影师分五部分内容编写而成
《移动通信频谱技术与5G频率部署》内容简介:无线电频谱是所有无线电业务的稀缺、关键资源。对移动运营商而言,频谱资源是网络建设
本书内容以实用为主,主要介绍电力系统光纤通信工程线路部分的设计,电力特种光缆的种类及实际应用,光缆的路径选择,杠塔上的空
《聪明女人的66封读心札记》内容简介:本书将和大家一起揭开这些行为背后的心理秘密。生活就像是一场场博弈赛,能否成为最后的赢家
Programmersloveitsflexibilityandspeed;designersloveitsaccessibilityandconvenienc...
《半小时漫画经济学3:金融危机(完结篇)》内容简介:在大多数读者的心目中,经济学都是专业、晦涩的代名词,但陈磊(笔名:二混子
《中国圣书:悦读《论语》》内容简介:《论语》是一部记录孔子及其弟子言行的语录体著作,是儒家学派最重要的经典,大约成书于战国
《Scala编程(第3版)》内容简介:本书由直接参与Scala开发的一线人员编写,因而对原理的解读和应用的把握更加值得信赖。本书面向具
《西方绘画大师经典佳作:塞尚》内容简介:印象主义画派是19世纪最重要的艺术流派之一,其将光与色彩的科学观念引入到绘画中,对当
《滇金丝猴生活史》内容简介:《滇金丝猴生活史》记述了中科院灵长类生态学研究组长达14年的研究经历,向公众展现滇金丝猴的神秘世
《我在清华等你来(第四辑)》内容简介:百年清华,莘莘学子心向往之!清华学生无疑是同龄人中的佼佼者,鲜花绽放的背后是长期的积
IfyourefamiliarwithHTML,youcanquicklylearnhowtobuildinteractive,data-drivenwebsi...