HTML+CSS+JavaScript前端开发基础教程

定　　价：69 元

丛书名：面向新工科普通高等教育系列教材

• 作者：吕云翔 欧阳植昊 张远 等编著
• 出版时间：2022/8/1
• ISBN：9787111710813
• 出 版 社：机械工业出版社

• 中图法分类：TP393.092.2 
• 纸张：胶版纸
• 开本：16开

内容简介

本书从HTML/CSS/JavaScript的基本概念开始，由浅入深地介绍三种语言在网页开发中的应用，并挑选了其中*为经典的内容进行讲解，帮助读者高效地掌握网页开发技术。
本书的第壹部分从整体上介绍HTML/CSS/JavaScript在Web开发中的应用；第二部分着重介绍HTML语言，分析其搭建网页框架的特点；第三部分讲解CSS语言如何控制页面的样式和风格；第四部分介绍JavaScript在实现网页动态逻辑方面的应用；第五部分通过综合案例讲解HTML/CSS/JavaScript在实际开发中的各类应用场景。
本书既适合作为高等院校网页开发、Web开发课程的教材，也适合非计算机专业的学生及广大计算机爱好者阅读。

编辑推荐

挑选了三种语言工具中重要、实用的部分进行讲解，通过模板使用、代码规范、示例讲解等形式来帮助读者进一步深化理解。
通过综合案例讲解HTML/CSS/JavaScript在实际开发中的各类应用场景。
提供电子课件、教学大纲、习题答案、源代码。

序 言

随着信息技术的发展，计算机科学越来越融入人们的生活当中，人们已经习惯了通过各类电子设备（如手机、计算机）来获取需要的信息，而其中一个重要的途径即是网页。HTML/ CSS/JavaScript作为编写网页的基本语言，提供了极为强大的兼容性和灵活性，可以说这是当前跨平台信息传递方便、灵活的一项技术，这套技术也是网页技术的发展方向。在信息时代，HTML/CSS/JavaScript从某种程度上决定了人们获取信息的方式，它是一种可以改变世界的技术。
当下，无论是计算机PC端还是移动端，都安装有浏览器，这就意味着几乎所有的用户端口都能接入网页。同时现在常见的社交网络、电商、实时通信技术等，全部都与网页技术息息相关，甚至现代编程语言的发展也深受HTML/CSS/JavaScript语言的影响。可以说，HTML/ CSS/JavaScript是当前展示信息，开发应用简单、高效的一种技术，十分值得推广学习。
市面上虽然有大量HTML/CSS/JavaScript的相关书籍，但其中也存在一些缺憾与不足。如使用规范过旧，提及过多被HTML5、CSS3等新标准淘汰的技术；提供的实例较少，过多的概念讲解无法与实际结合；个别内容没有普遍性，没有引导读者掌握学习HTML/CSS/JavaScript的本质，并不能有效提高读者自主解决问题的能力。
本书从读者入门学习的角度出发，通过通俗易懂的语言、丰富多彩的实例、贴近开发实战的项目，循序渐进地让读者在实践中学习HTML/CSS/JavaScript编程知识，并提升自己的实际开发能力。
本书主要分为五部分，第一部分讲解前端开发的一些基本背景，快速了解HTML/CSS/JavaScript这三种语言的特点，同时了解它们三者之间的合作关系。希望读者通过阅读第一部分可以有基本的前端开发能力，之后可以自行学习后面的章节或自行查阅资料学习。第二、三、四部分分别针对HTML/CSS/JavaScript展开介绍。我们挑选了三种语言工具中重要、实用的部分进行讲解，通过模板使用、代码规范、示例讲解等形式来展示如何将这三种语言与实际应用紧密联系，希望读者能够通过学习进一步深化对于这几种语言的理解。第五部分为综合案例。
本书所有实例代码都可以从机械工业出版社的网站（www.cmpedu.com）上进行下载。
本书的作者为吕云翔、欧阳植昊、张远、杨壮，曾洪立参与了部分内容的编写并进行了素材整理及配套资源制作等。
在本书的编写过程中，我们尽量做到仔细认真，但由于水平有限，还是可能会出现一些疏漏与不妥之处，在此非常欢迎广大读者进行批评指正。同时也希望广大读者可以将自己读书学习的心得体会反馈给我们。

目 录

前言

第1章 HTML/CSS/JavaScript介绍1
1.1 HTML/CSS/JavaScript简介1
1.2 HTML/CSS/JavaScript背景1
1.2.1 HTML背景1
1.2.2 CSS背景2
1.2.3 JavaScript背景2
1.3 HTML/CSS/JavaScript协作关系2
1.4 HTML/CSS/JavaScript学习建议3
1.5 前端开发环境3
1.5.1 浏览器3
1.5.2 开发工具5
1.5.3 使用说明7
思考题9
第2章 HTML介绍10
2.1 标记语言10
2.1.1 定义10
2.1.2 应用与示例10
2.2 HTML说明11
2.2.1 HTML发展历程11
2.2.2 HTML标记11
2.2.3 HTML的语言特点12
2.2.4 HTML5简介12
2.3 HTML结构13
2.4 HTML示例14
2.5 HTML调试16
2.5.1 HTML代码错误16
2.5.2 HTML错误调试16
思考题18
第3章 HTML基本概念19
3.1 元素19
3.1.1 HTML元素语法19
3.1.2 常见元素19
3.1.3 HTML 实例解析21
3.1.4 注意事项22
3.2 属性22
3.2.1 属性语法23
3.2.2 常见属性23
3.2.3 属性实例24
3.3 样式26
3.3.1 样式简介26
3.3.2 内联样式26
3.3.3 内部样式表27
3.3.4 外部样式表28
3.3.5 HTML 样式标签29
3.4 注释30
3.5 区块（div）31
思考题31
第4章 HTML常用控件32
4.1 表单32
4.1.1 表单简介32
4.1.2 表单定义32
4.1.3 表单属性33
4.1.4 表单元素34
4.1.5 表单样例39
4.2 媒体42
4.2.1 HTML 音频（Audio）42
4.2.2 HTML 视频（Video）43
4.3 表格45
4.3.1 表格简介45
4.3.2 表格属性46
思考题46
第5章 客户端存储47
5.1 Cookie47
5.1.1 Cookie的属性48
5.1.2 Cookie的设置49
5.1.3 JavaScript操作Cookie51
5.1.4 Cookie的使用示例51
5.2 localStorage53
5.2.1 localStorage概念53
5.2.2 localStorage使用方式54
5.3 sessionStorage54
5.3.1 sessionStorage概念54
5.3.2 sessionStorage使用方式54
5.4 localStorage与sessionStorage的区别与联系55
思考题55
第6章 HTML样例56
6.1 网页前端简历56
6.1.1 HTML代码56
6.1.2 代码说明61
6.1.3 界面62
6.2 个人博客62
6.2.1 HTML代码62
6.2.2 代码说明64
6.2.3 界面65
思考题65
第7章 CSS介绍与基本概念66
7.1 CSS简介66
7.1.1 CSS语言特点66
7.1.2 CSS工作原理67
7.1.3 技术应用67
7.2 语言基础67
7.3 CSS 语法68
7.4 选择器69
7.4.1 ID 选择器70
7.4.2 CLASS 选择器70
7.4.3 伪类选择器70
7.4.4 属性选择器72
7.5 CSS字体72
7.5.1 CSS字型73
7.5.2 字体系列73
7.5.3 字体样式74
7.5.4 字体大小74
7.5.5 设置字体大小像素74
7.5.6 使用百分比和em组合75
7.5.7 所有CSS字体属性76
7.6 CSS颜色76
7.7 CSS3背景77
7.7.1 浏览器支持77
7.7.2 属性78
7.7.3 背景使用实例80
思考题82
第8章 CSS盒子模型83
8.1 盒子模型简介83
8.1.1 元素的宽度和高度83
8.1.2 浏览器的兼容性问题84
8.2 CSS 边框84
8.2.1 边框样式84
8.2.2 边框宽度85
8.2.3 边框颜色86
8.2.4 边框-单独设置各边86
8.2.5 边框-简写属性87
8.3 CSS 轮廓87
8.3.1 轮廓属性87
8.3.2 轮廓实例88
8.4 CSS Margin（外边距）89
8.4.1 Margin单边外边距属性89
8.4.2 Margin简写属性89
8.4.3 所有的CSS边距属性90
8.4.4 Margin样例90
8.5 CSS Padding（填充）91
8.5.1 填充单边内边距属性91
8.5.2 填充简写属性91
8.5.3 所有的CSS填充属性92
8.5.4 Padding实例92
思考题93
第9章 弹性盒布局94
9.1 弹性盒布局简介94
9.2 弹性容器95
9.3 弹性元素97
9.4 弹性盒的典型示例99
9.4.1 导航99
9.4.2 拆分导航100
9.4.3 元素居中101
9.4.4 绝 对底部102
9.4.5 媒体对象103
思考题104
第10章 CSS定位105
10.1 Position属性105
10.1.1 static 定位105
10.1.2 fixed 定位105
10.1.3 relative定位106
10.1.4 absolute定位106
10.1.5 sticky 定位106
10.1.6 重叠的元素106
10.1.7 CSS Position属性总结107
10.1.8 Position实例108
10.2 Float 属性109
10.2.1 CSS Float（浮动）109
10.2.2 元素怎样浮动109
10.2.3 彼此相邻的浮动元素109
10.2.4 清除浮动使用 clear109
10.2.5 CSS 中所有的浮动属性109
10.2.6 浮动的影响109
10.2.7 Float实例110
10.3 Align属性111
思考题111
第11章 CSS3 动画及响应式112
11.1 CSS3中的动画112
11.2 CSS3 @keyframes 规则113
11.3 CSS3 动画属性115
11.4 CSS动画实例116
11.5 响应式简介117
11.6 Viewpoint118
11.7 网格视图118
思考题122
第12章 CSS样例123
12.1 时钟123
12.1.1 代码123
12.1.2 代码说明与界面128
12.2 图片网站128
12.2.1 代码128
12.2.2 代码说明与界面132
思考题132
第13章 JavaScript介绍与基本概念133
13.1 JavaScript简介133
13.2 特点与应用场景135
13.2.1 特点135
13.2.2 应用场景135
13.3 变量136
13.3.1 变量定义136
13.3.2 JavaScript 数据类型136
13.3.3 创建JavaScript 变量13