《Web前端学习笔记.pdf》由会员分享，可在线阅读，更多相关《Web前端学习笔记.pdf（318页珍藏版）》请在三一文库上搜索。
1、 信息科学与技术丛书 We b前端学习笔记： H T ML 5 + C S S 3 + J a v a S c r i p t 杰瑞教育 组编 王 涛 杨延成 姜 浩 编著 机 械 工 业 出 版 社 本书以杰瑞教育前端课程大纲为基准， 由浅及深地讲解了 Web 前端开 发所需的知识。全书共 3 篇，涵盖了 HTML5、CSS3 以及 JavaScript 等多 项技术，并提供学习视频，循序渐进地讲解每个知识点，同时每章均配有 课堂案例与练习，让读者能够在学习的过程中进行实践操作，提高动手能 力。本书可以帮助初学者顺利步入 Web 前端开发领域， 也可作为开发人员 的参考手册以及大中专院校与培
2、训机构的教材。 图书在版编目（CIP）数据 Web 前端学习笔记：HTML5+CSS3+JavaScript / 王涛编著北京：机械工业出版 社，2018.7 ISBN 978-7-111-60090-9 . W . 王 . 超文本标记语言程序设计 网页制作工具 JAVA 语言程序设计 . TP312 TP393.092.2 中国版本图书馆 CIP 数据核字（2018）第115579 号 机械工业出版社（北京市百万庄大街 22 号 邮政编码 100037） 策划编辑：丁 诚 责任编辑：丁 诚 王 荣 责任校对：张艳霞 责任印制：常天培董娅娅 北京铭成印刷有限公司印刷 2018 年 7 月第 1
3、 版第 1 次印刷 184mm260mm19.75 印张479 千字 00013500 册 标准书号：ISBN 978-7-111-60090-9 定价：69.00 元 凡购本书，如有缺页、倒页、脱页，由本社发行部调换 电话服务网络服务 服务咨询热线： （010）88361066 机 工 官 网： 读者购书热线： （010）68326294 机 工 官 博： （010）88379203 教育服务网： 封面无防伪标均为盗版 金 书 网：www.golden- III 前 言 HTML 诞生于 20 世纪 90 年代，它带来了 Web 行业的一片繁荣。而随着移动互联网时代 的到来，HTML 的最新
4、版本HTML5 应运而生，它的出现颠覆了互联网开发的格局，取代 了 Flash 插件在网页开发中的垄断地位，优化了移动互联网的体验，甚至颠覆了 Android、iOS 等手机软件。 为了帮助更多的读者进入移动互联网行业。杰瑞教育组织专业讲师团队，完成了此书的 编写工作。杰瑞教育成立于 2011 年，专注于互联网人才培训领域，每年均为全国各地互联网 企业输送优秀 IT 人才数千人。 本书以杰瑞教育 Web 前端课程大纲为基准， 结合杰瑞教育线下 培训授课内容与课堂案例编写而成。 为保证学习效果，本书秉承“纯干货”的原则，帮助广大读者通过更精简的语言、更通 俗的案例，学习更全面的知识体系。 本书特
5、点 本书的特点主要体现在以下几个方面： 配套资源丰富。 为方便读者自学，本书随书附赠教学视频以及案例源代码等学习资源。 专业的技术支持服务。 为保证读者学习效果，杰瑞教育将为读者提供专业的技术支持服务，解决读者学习的后 顾之忧。 专业的就业咨询服务。 对那些顺利完成本书学习任务，并达到相应技术要求的学员，杰瑞教育将有专业的就业 导师团队，为广大读者在就业过程中遇到的问题提供就业咨询服务。 完善的知识体系。 本书讲授的所有知识内容， 均来自杰瑞教育多年教学经验的积累， 完全按照杰瑞教育 Web 前端课程教学大纲要求进行本书知识体系的编写。 每章均提供案例与习题。 本书在注重理论知识的同时，更加注
6、重学员的动手实践能力，每章节均附有完整的章节 案例与章节练习，帮助读者提高动手操作能力。 本书内容 本书分为 3 篇，共 18 章。 第 1 篇 HTML5（第 14 章）首先讲授的是 HTML5 的基础入门知识，紧接着是常见的 块级标签与行级标签，最后详细地介绍了表格与表单的使用。 第 2 篇 CSS3（第 510 章）首先从 CSS3 的基础知识开始，讲解了 CSS 样式表与选择 器的使用（包括 CSS3 新增选择器） ，并重点讲解了 CSS 中的各种属性以及 CSS3 的新属性， IV 紧接着讲解了 CSS 中的盒模型、浮动、定位的相关知识，最后介绍移动开发、响应式与弹 性布局。 第 3
7、 篇 JavaScript（第 1118 章）从 JavaScript 的语法基础开始，逐步讲解 JavaScript 中的变量与运算符、分支与循环、函数、BOM 与 DOM、数组与对象、正则表达式等相关 知识点，并通过学习 JavaScript 面向对象来结束这一篇章的学习。这部分内容是全书的重点 也是难点。 适合阅读本书的读者 希望学习并从事 Web 前端行业的初学者。 具有一定的工作经验但希望夯实基础知识的前端开发工程师。 相关专业大中专院校或培训学校的学生。 需要备课教材的大中专院校或培训学校的教师。 希望转入 Web 前端开发的其他软件工程师。 阅读建议 没有基础的读者应从第 1 章
8、开始顺序阅读，尽量不要跳跃学习。 有一定工作经验的开发工程师可以根据需要选择所需章节阅读。 学练结合，将书中涉及的案例与练习亲自动手做一遍，会加深对内容的理解。 认真阅读书中的源代码，养成良好的编码习惯。 结合图书配套视频学习，可以帮助读者更好地掌握新的知识点。 养成良好的自学习惯，这将对读者以后的发展至关重要。 提升解决问题的能力，学会利用网络资源解决问题。 本书作者 本书由王涛、杨延成、姜浩编写，姜浩、王翠英负责本书的资料与案例整理，杨延成负 责全书的最后审定工作。 编 者 2018 年 1 月 V 目 录 前言 第 1 篇 H T ML 5 第 1 章 HTML5 学习概述 1 1.1
9、认识 HTML5 1 1.1.1 HTML 的发展历程 1 1.1.2 HTML5 与 HTML4 的区别 2 1.2 学习 HTML5 前的准备工作 2 1.2.1 常用浏览器介绍 2 1.2.2 常见的 HTML5 开发软件介绍 3 1.2.3 创建第一个 HTML5 页面 4 1.3 HTML5 的语法与结构 5 1.3.1 HTML5 的语法 5 1.3.2 HTML5 的文档结构 6 1.4 章节案例：开始我的第一个网页 8 第 2 章 HTML5 常见的块级标签和行级标签 10 2.1 常见的块级标签 10 2.1.1 ：标题标签 10 2.1.2 ：水平线标签 11 2.1.3
10、：段落标签 12 2.1.4 ：换行标签 12 2.1.5 ：引用标签 13 2.1.6 ：预格式标签 13 2.1.7 ：无序列表标签 14 2.1.8 ：有序列表标签 15 2.1.9 ：定义列表标签 17 2.1.10 ：分区标签 18 2.2 常见的行级标签 19 2.2.1 ：图片标签 19 2.2.2 ：超链接标签 20 2.2.3 其他常用的行级标签 21 2.3 HTML5 新增标签简介 22 2.4 章节案例：促销信息网页实现 23 第 3 章 HTML5 表格 25 VI 3.1 HTML5 表格简介 25 3.1.1 表格的基本结构 26 3.1.2 表格的定义 26 3
11、.2 表格的基本属性 27 3.2.1 border: 表格边框属性 27 3.2.2 width/height: 表格（宽度/高度）属性 28 3.2.3 bgcolor: 表格背景色属性 28 3.2.4 background: 表格背景图属性 28 3.2.5 bordercolor: 表格边框颜色属性 29 3.2.6 cellspacing: 表格单元格间距属性 29 3.2.7 cellpadding: 表格单元格内边距属性 30 3.2.8 align:表格对齐属性 31 3.3 行和列的属性 31 3.3.1 width/height：单元格宽度/高度属性 32 3.3.2 b
12、gcolor：单元格背景色属性 32 3.3.3 align：单元格内容水平对齐属性 33 3.3.4 valign：单元格内容垂直对齐属性 33 3.3.5 colspan /rowspan：表格的跨行与跨列 34 3.4 表格的结构化与直列化 35 3.4.1 表格的结构化 35 3.4.2 表格的直列化 36 3.5 章节案例：完成 “特别休假申请单” 37 第 4 章 HTML5 表单 40 4.1 表单简介 40 4.1.1 表单的结构 40 4.1.2 表单的常用属性 41 4.2 input 输入框 42 4.2.1 input 常用属性 42 4.2.2 text：文本输入框
13、43 4.2.3 password：密码输入框 44 4.2.4 radio：单选按钮 44 4.2.5 checkbox：复选按钮 44 4.2.6 file：文件上传按钮 45 4.2.7 submit：表单提交按钮 46 4.2.8 reset：重置按钮 46 4.2.9 image：图形提交按钮 47 4.2.10 button：可单击按钮 47 VII 4.3 其他表单元素 47 4.3.1 select 下拉选择控件 47 4.3.2 textarea 文本域 50 4.3.3 button 按钮 50 4.4 HTML5 智能表单 51 4.4.1 表单分组 51 4.4.2 表
14、单新增元素及属性 52 4.5 章节案例：用户注册页面实现 57 第 2 篇 C S S 3 第 5 章 CSS 基础知识 60 5.1 CSS 概述 60 5.1.1 CSS 简介 60 5.1.2 CSS 语法结构 61 5.1.3 CSS 注释 61 5.1.4 行内样式表 62 5.1.5 内部样式表 62 5.1.6 外部样式表 62 5.2 CSS 选择器 64 5.2.1 通用选择器 64 5.2.2 标签选择器 64 5.2.3 类选择器 64 5.2.4 id 选择器 65 5.2.5 后代选择器与子代选择器 66 5.2.6 交集选择器与并集选择器 66 5.2.7 伪类选
15、择器 67 5.2.8 选择器的命名规则及优先级 67 5.3 章节案例：CSS 选择器练习 68 第 6 章 CSS 常用属性 70 6.1 CSS 常用文本属性 70 6.1.1 字体、字号与颜色属性 70 6.1.2 文本属性 72 6.2 CSS 常用背景属性 76 6.2.1 背景颜色属性 76 6.2.2 背景图像属性 76 6.3 CSS 其他常用属性 79 6.3.1 列表常用属性 79 VIII 6.3.2 超链接样式属性 79 6.4 章节案例：实现素材图片效果 80 第 7 章 CSS3 新增属性与选择器 82 7.1 CSS3 的过渡与变换 82 7.1.1 transition：过渡属性 82 7.1.2 transform：变换属性