本书系“十四五”职业教育国家规划教材！
（1）知识全面、系统。本书内容覆盖 HTML5、CSS3、JavaScript 的主要知识点，满足读者学习 Web 前端开发基础知识的需求。通过学习本书，读者可以快速了解基本的 Web 前端开发框架，为深入学习 Web 前端开发做好知识储备。
（2）示例丰富、实用。本书通过示例呈现知识点，并会对一些典型示例进行拓展讲解。综合项目示例采用渐进式的迭代开发方法，方便读者学习。
（3）资源丰富、齐全。本书提供全部示例的源代码和素材资源，方便读者开展实践训练；本书的示例全都通过上机实践，运行结果无误。与此同时，本书提供 PPT 课件、教学大纲、教案、习题答案等资源，用书教师可以到人邮教育社区（www.ryjiaoyu.com）进行下载。此外，编者还为本书重点内容和典型示例录制了微课视频，助力读者随时随地高效自学。

本书共9章，分为四篇。第一篇是Web前端开发基础与HTML5技术，介绍HTML和HTML5的常用标记和属性等内容。第二篇是CSS3技术及其应用，介绍盒模型、DIV+CSS布局、弹性布局、响应式布局等内容。第三篇是JavaScript技术及其应用，介绍JavaScript的概念、对象和事件处理等内容。第四篇是综合项目实战，介绍两个综合项目示例的设计与实现过程，以强化读者对Web前端开发知识的应用能力。本书知识全面、示例丰富、易学易用，通过示例讲解知识点，便于读者牢固掌握和及时内化相关知识。
本书既可作为高校Web前端开发相关课程的教材，也可供信息技术类专业的读者自学使用，还可作为Web前端开发领域技术人员的参考书。

【章名目录】
第　一篇 Web前端开发基础与HTML5技术
第　1章 Web前端开发基础知识
第　2章 静态网页制作——使用HTML技术
第二篇　CSS3技术及其应用
第3章　选择网页元素——使用CSS选择器
第4章　美化网页——使用CSS设置元素样式
第5章　规划页面——使用CSS实现精美布局
第三篇　JavaScript技术及其应用
第6章　让网页动起来 ——使用JavaScript技术
第7章　实现用户与网页的交互 ——JavaScript的对象与事件
第四篇　综合项目实战
第8章　综合项目示例1——在线旅游网站主页的设计
第9章　综合项目示例2——产品展示网站主页的设计
【详细目录】
第　一篇 Web前端开发基础与HTML5技术
第　1章 Web前端开发基础知识
1.1　访问Web站点　2
1.1.1　访问网站涉及的基本概念　2
1.1.2　访问网站的过程　4
1.2　Web前端开发的基本概念　5
1.3　Web标准与Web前端开发常用技术　7
1.3.1　Web标准　7
1.3.2　Web前端开发常用技术　8
1.4　Web前端开发工具　9
1.4.1　VS Code　9
1.4.2　WebStorm　10
1.5　网站建设的流程　11
1.5.1　确定网站的主题　11
1.5.2　规划网站的结构　12
1.5.3　搜集素材　13
1.5.4　设计网页　14
1.5.5　网站的测试与发布　15
1.5.6　网站的维护与推广　16
1.6　应用示例　16
本章小结　18
习题1　18
第　2章 静态网页制作——使用HTML技术
2.1　HTML概述　19
2.1.1　HTML　19
2.1.2　HTML5　20
2.1.3　HTML文档　20
2.1.4　建立HTML文档　22
2.2　文本元素　24
2.2.1　标题标记　24
2.2.2　段落标记

和换行标记
　24
2.2.3　块标记

和　25
2.3　列表元素　26
2.3.1　有序列表标记

　26
2.3.2　无序列表标记
　27
2.3.3　自定义列表标记

　28
2.4　HTML5的文档结构元素　28
2.5　超链接元素　33
2.5.1　超链接标记　33
2.5.2　超链接类型　33
2.5.3　超链接路径　34
2.6　多媒体元素　36
2.6.1　图像标记　36
2.6.2　多媒体文件标记　38
2.6.3　HTML5视频标记