本书按照工业和信息化部Web前端开发（初级）证书考试大纲要求编写，分上下两篇。上篇Web前端开发技术，共13章，第1章介绍Web基础知识，第2章介绍HTML基础知识，第3章介绍CSS基础，第4～6章介绍JavaScript语言（包括语法、对象模型、事件处理等），第7～9章主要介绍HTML5新增标签和属性以及新增的表单控件类型等知识，第10、11章介绍CSS3新增的选择器种类和样式属性，第12章介绍jQuery基础知识，第13章介绍了几种常见的jQuery效果；下篇包含4个实操工作任务，分别涉及Web前端技术中的HTML、CSS、JavaScript、jQuery。另外，本书上篇各章节还附有习题。
本书层次清晰、内容丰富、技术实用，代码遵循Web标准，适合作为高等职业院校、应用型本科计算机应用技术、计算机网络技术、电子信息技术等相关专业的Web前端开发、网页设计与制作等课程的教材，也可作为广大Web前端开发者或社会人士学习Web前端开发技术的参考用书。
本书配有微课视频，读者扫描书中二维码即可观看学习；本书还配有教学资源包，包括电子课件、源代码等，需要的教师可登录www.cmpedu.com免费注册，审核通过后下载，或联系编辑索取（微信：13261377872；电话：010-88379739）。

立体化教材：本书配有微课视频、在线课程
配套资源丰富：本书配有微课视频，读者扫描书中二维码即可观看学习；本书还配有教学资源包，包括电子课件、源代码等
岗课证融通：本书基于Web前端开发相关岗位和课程、Web前端开发（初级）证书考试大纲编写

在互联网蓬勃发展的今天，每个企业或个人都希望在Internet上能够拥有自己的一片天地，以宣传产品或展示自身形象，网页正是作为这样一种信息表现媒介得到了充分的重视和广泛的应用。随着互联网信息技术的应用不断向深度和广度拓展，网页不再只展示简单的文字和图片，对其功能和界面操控也提出了更高的要求，浏览者或者用户在得到及时、丰富信息的同时还要有更好的使用体验，而这些技术的实现就是Web前端开发者所要解决的问题。本书介绍的正是Web前端开发中所需要的基本技术知识。
为落实《国家职业教育改革实施方案》的要求，本书结合高等职业院校和应用型本科院校开展的1 X证书制度试点工作，基于工业和信息化部Web前端开发（初级）证书考试大纲知识要求这根主线，对全书学习内容进行了组织和编排。本书下篇以工作任务手册的形式编写了Web前端开发考试中实操部分的题型和模拟内容，所以本书对报考Web前端开发（初级）证书的读者有一定帮助和借鉴意义。
为推进党的二十大精神进教材、进课堂、进头脑，本书在每个实操工作任务中都引入课程思政元素，弘扬社会主义核心价值观；培养学生遵规守纪的品质，告诉学生做任何事都应该遵守国家的相应法律法规，如增强知识产权保护意识；向学生传输正确的审美观，推崇精益求精的工作态度；培养学生严谨细致、一丝不苟及追求极致的工匠精神；培养学生团队合作意识等。
为达到较好的学习效果，本书建议以120学时为宜，其中课堂讲授45学时，上机操作45学时，综合实训30学时（完成下篇的4个实操工作任务）。
本书第1章由黄亚娴编写，第2～5章及实操工作任务由周苏峡编写，第6章由江晶晶、赵曌、王敏、张畅共同编写，第7章由张菁嵘编写，第8章由向阳编写，第9章由林雯编写，第10章由季雯编写，第11章由武韡编写，第12章由李金凤编写，第13章由刘桂兰编写，全书由周苏峡统稿。
由于时间仓促，书中难免有不妥与疏漏之处，敬请各位读者批评指正。

编 者
2022年5月

周苏峡，男，生于1964年2月。1987年6月至今从教于湖北三峡职业技术学院电子信息学院，副教授，主要专业方向为计算机网络技术。曾先后发表专业技术论文20多篇，主编教材有《网页设计实战教程》（第1、2版）、《数据库应用教程》、《计算机网络基础》、《Div CSS网页制作实战教程》等。

前言
上篇 Web前端开发技术
第1章 Web基础知识2
1.1 Web的由来2
1.1.1 什么是Web2
1.1.2 Internet在我国的发展3
1.2 Web的基本概念3
1.2.1 WWW3
1.2.2 Website3
1.2.3 URL3
1.2.4 Web标准5
1.2.5 Web浏览器5
1.2.6 Web服务器5
1.3 Web开发技术6
1.4 本章小结6
1.5 本章习题6
第2章 HTML基础知识7
2.1 HTML概述7
2.1.1 标记语言7
2.1.2 从HTML到XHTML7
2.1.3 HTML文档（网页）的基本结构8
2.1.4 HTML的基本组成8
2.1.5 几个常用的HTML开发编辑工具9
2.2 HTML的全局属性9
2.2.1 HTML的全局标准属性（公共属性）9
2.2.2 HTML的全局事件属性9
2.3 HTML的标签与元素11
2.3.1 HTML的主要结构标签11
2.3.2 HTML的无语义标签和

12
2.3.3 HTML的标题字标签与线条标签12
2.3.4 HTML的段落标签与换行标签13
2.3.5 HTML的注释元素14
2.3.6 HTML的格式化元素15
2.3.7 HTML的图片元素17
2.3.8 HTML的超链接元素18
2.3.9 HTML的列表元素20
2.3.10 HTML的表格元素21
2.3.11 HTML的表单元素22
2.3.12 HTML的框架元素27
2.3.13 浮动框架