从0到1HTML+CSS+JavaScript快速上手

图书标准信息

• 作者 莫振杰 著
• 出版社 人民邮电出版社
• 出版时间 2019-12
• 版次 1
• ISBN 9787115519740
• 定价 79.80元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 569页
• 字数 1005千字

【内容简介】

作者根据自己多年的前后端开发经验，站在完全零基础读者的角度，详尽介绍了HTML、CSS和JavaScript的基础知识，以及大量的开发技巧。

全书分为三大部分：第一部分是HTML基础，主要介绍各种标签的使用；第二部分是CSS基础，主要介绍样式布局操作；第三部分是JavaScript基础，主要介绍JavaScript语法基础的核心技术。对于书中每一章，作者还结合实际工作及前端面试，精心挑选了大量高质量的练习题，读者可以边学边练，以更好地掌握本书内容。

本书为每一节内容录制了高质量的视频课，并配备了所有案例的源码。此外，为了方便高校老师教学，本书还提供了配套的PPT课件。本书适合完全零基础的初学者使用，可以作为前端开发人员的参考书，也可以作为大中专院校相关专业的教学参考书。

【作者简介】

莫振杰，毕业于暨南大学信科院计算机科学与技术专业，从事前后端开发4年多，开发过绿叶学习网、广州智能工程研究会网站、大量在线应用工具及其他各种类型网站，著有多本编程书且销量过万， 现为绿叶学习网的站长，该网站用于分享其在前后端开发中的一些经验，其制作的前后端开发在线教程在互联网引起广泛关注，每一个教程都广受网友称赞与推崇，今年还开发了系列前端线上付费课程。

【目录】

第 一部分 HTML 基础

第 1 章 HTML 简介 3

1．1 前端技术简介 3

1．1．1 从“网页制作”到“前端开发” 3

1．1．2 从“前端开发”到“后端开发” 4

1．1．3 学习路线 6

1．2 什么是HTML 6

1．3 常见问题 7

第 2 章 开发工具 9

2．1 开发工具 9

2．2 使用HBuilder 10

第3 章 基本标签 13

3．1 HTML 结构 13

3．2 head 标签 15

3．2．1 title 标签 15

3．2．2 meta 标签 16

3．2．3 style 标签 18

3．2．4 script 标签 18

3．2．5 link 标签 19

3．2．6 base 标签 19

3．3 body 标签 19

3．4 HTML 注释 20

3．5 本章练习 21

第4 章 文本 22

4．1 文本简介 22

4．1．1 页面组成元素 22

4．1．2 HTML 文本 23

4．2 标题标签 24

4．3 段落标签 26

4．3．1 段落标签< p> <  p>  26

4．3．2 换行标签< br >  27

4．4 文本标签 29

4．4．1 粗体标签 29

4．4．2 斜体标签 30

4．4．3 上标标签 31

4．4．4 下标标签 31

4．4．5 中划线标签 32

4．4．6 下划线标签 33

4．4．7 大字号标签和小字号标签 33

4．5 水平线标签 34

4．6 div 标签 35

4．7 自闭合标签 37

4．8 块元素和行内元素 38

4．8．1 块元素 38

4．8．2 行内元素 40

4．9 特殊符号 40

4．9．1 网页中的“空格” 40

4．9．2 网页中的“特殊符号” 42

4．10 本章练习 44

第5 章 列表 45

5．1 列表简介 45

5．2 有序列表 46

5．2．1 有序列表简介 46

5．2．2 type 属性 47

5．3 无序列表 48

5．3．1 无序列表简介 48

5．3．2 type 属性 49

5．3．3 深入无序列表 50

2 从 0 到 1 系列图书 目录

5．4 定义列表 53

5．5 HTML 语义化 54

5．6 本章练习 56

第6 章 表格 57

6．1 表格简介 57

6．2 基本结构 57

6．3 完整结构 59

6．3．1 表格标题：caption 59

6．3．2 表头单元格：th 60

6．4 语义化 62

6．5 合并行：rowspan 65

6．6 合并列：colspan 66

6．7 本章练习 67

第7 章 图片 68

7．1 图片标签 68

7．1．1 src 属性 68

7．1．2 alt 属性和title 属性 69

7．2 图片路径 71

7．2．1 page1．html 引用图片 72

7．2．2 page2．html 引用图片 73

7．3 图片格式 75

7．3．1 位图 75

7．3．2 矢量图 76

7．4 本章练习 78

第8 章 超链接 79

8．1 超链接简介 79

8．1．1 a 标签 79

8．1．2 target 属性 81

8．2 内部链接 82

8．3 锚点链接 83

8．4 本章练习 86

第9 章 表单 87

9．1 表单简介 87

9．1．1 表单是什么 87

9．1．2 表单标签 88

9．2 form 标签 89

9．2．1 form 标签简介 89

9．2．2 form 标签属性 90

9．3 input 标签 91

9．4 单行文本框 92

9．4．1 单行文本框简介 92

9．4．2 单行文本框属性 92

9．5 密码文本框 94

9．5．1 密码文本框简介 94

9．5．2 密码文本框属性 96

9．6 单选框 97

9．6．1 单选框简介 97

9．6．2 忽略点 98

9．7 复选框 101

9．8 按钮 103

9．8．1 普通按钮button 103

9．8．2 提交按钮submit 104

9．8．3 重置按钮reset 105

9．8．4 button 标签 107

9．9 文件上传 107

9．10 多行文本框 108

9．11 下拉列表 109

9．11．1 下拉列表简介 109

9．11．2 select 标签属性 110

9．11．3 option 标签属性 112

9．12 本章练习 114

第 10 章 框架 116

10．1 iframe 标签 116

10．2 练习题 117

从0 到1 系列图书 目录 3

第 11 章 CSS 简介 121

11．1 CSS 简介 121

11．1．1 CSS 是什么 121

11．1．2 CSS 和CSS3 121

11．2 CSS 引入方式 122

11．2．1 外部样式表 122

11．2．2 内部样式表 123

11．2．3 行内样式表 124

11．3 本章练习 125

第 12 章 CSS 选择器 126

12．1 元素的id 和class 126

12．1．1 id 属性 126

12．1．2 class 属性 127

12．2 选择器是什么 127

12．3 CSS 选择器 129

12．3．1 元素选择器 129

12．3．2 id 选择器 130

12．3．3 class 选择器 132

12．3．4 后代选择器 134

12．3．5 群组选择器 135

12．4 本章练习 138

第 13 章 字体样式 139

13．1 字体样式简介 139

13．2 字体类型：font-family 140

13．3 字体大小：font-size 141

13．3．1 px 是什么 142

13．3．2 采用px 为单位 142

13．4 字体粗细：font-weight 143

13．5 字体风格：font-style 145

13．6 字体颜色：color 146

13．6．1 关键字 146

13．6．2 十六进制RGB 值 147

13．7 CSS 注释 148

13．8 本章练习 150

第 14 章 文本样式 152

14．1 文本样式简介 152

14．2 首行缩进：text-indent 152

14．3 水平对齐：text-align 154

14．4 文本修饰：text-decoration 155

14．4．1 text-decoration 属性 155

14．4．2 3 种划线的用途分析 157

14．5 大小写：text-transform 157

14．6 行高：line-height 158

14．7 间距：letter-spacing、

word-spacing 160

14．7．1 字间距 160

14．7．2 词间距 161

14．8 本章练习 162

第 15 章 边框样式 163

15．1 边框样式简介 163

15．2 整体样式 164

15．2．1 边框的属性 164

15．2．2 简写形式 166

15．3 局部样式 167

15．4 本章练习 170

第 16 章 列表样式 171

16．1 列表项符号：list-style-type 171

16．1．1 定义列表项符号 171

16．1．2 去除列表项符号 173

16．2 列表项图片：list-style-image 174

16．3 本章练习 176

第二部分 CSS 基础

4 从 0 到 1 系列图书 目录

第 17 章 表格样式 177

17．1 表格标题位置：caption-side 177

17．2 表格边框合并：border-collapse 179

17．3 表格边框间距：border-spacing 180

17．4 本章练习 182

第 18 章 图片样式 183

18．1 图片大小 183

18．2 图片边框 184

18．3 图片对齐 185

18．3．1 水平对齐 185

18．3．2 垂直对齐 187

18．4 文字环绕：float 189

18．5 本章练习 191

第 19 章 背景样式 192

19．1 背景样式简介 192

19．2 背景颜色：background-color 192

19．3 背景图片样式：background-

image 194

19．4 背景图片重复：background-

repeat 196

19．5 背景图片位置：background-

position 198

19．5．1 像素值 198

19．5．2 关键字 199

19．6 背景图片固定：background-

attachment 201

19．7 本章练习 202

第 20 章 超链接样式 203

20．1 超链接伪类 203

20．1．1 超链接伪类简介 203

20．1．2 深入了解超链接伪类 205

20．2 深入了解：hover 206

20．3 鼠标样式 208

20．3．1 浏览器鼠标样式 208

20．3．2 自定义鼠标样式 209

20．4 本章练习 210

第 21 章 盒子模型 212

21．1 CSS 盒子模型 212

21．2 宽高：width、height 215

21．3 边框：border 218

21．4 内边距：padding 219

21．4．1 padding 局部样式 219

21．4．2 padding 简写形式 220

21．5 外边距：margin 222

21．5．1 margin 局部样式 222

21．5．2 margin 简写形式 226

21．5．3 浏览器审查元素 227

21．6 本章练习 228

第 22 章 浮动布局 230

22．1 文档流简介 230

22．1．1 正常文档流 230

22．1．2 脱离文档流 231

22．2 浮动 233

22．3 清除浮动 236

22．4 本章练习 238

第 23 章 定位布局 240

23．1 定位布局简介 240

23．2 固定定位：fixed 240

23．3 相对定位：relative 243

23．4 绝对定位：absolute 245

23．5 静态定位：static 247

23．6 本章练习 247

从0 到1 系列图书 目录 5

第 24 章 JavaScript 简介 251

24．1 JavaScript 是什么 251

24．1．1 JavaScript 简介 251

24．1．2 教程介绍 252

24．2 JavaScript 开发工具 253

24．3 JavaScript 引入方式 255

24．3．1 外部JavaScript 255

24．3．2 内部JavaScript 256

24．3．3 元素属性JavaScript 258

24．4 一个简单的JavaScript 程序 259

24．5 本章练习 261

第 25 章 语法基础 262

25．1 语法简介 262

25．2 变量与常量 263

25．2．1 变量 263

25．2．2 常量 268

25．3 数据类型 268

25．3．1 数字 269

25．3．2 字符串 269

25．3．3 布尔值 272

25．3．4 未定义值 273

25．3．5 空值 274

25．4 运算符 274

25．4．1 算术运算符 275

25．4．2 赋值运算符 279

25．4．3 比较运算符 281

25．4．4 逻辑运算符 282

25．4．5 条件运算符 285

25．5 表达式与语句 286

25．6 类型转换 287

25．6．1 “字符串”转换为“数字” 287

25．6．2 “数字”转换为“字符串” 291

25．7 转义字符 293

25．8 注释 295

25．8．1 单行注释 295

25．8．2 多行注释 296

25．9 本章练习 297

第 26 章 流程控制 299

26．1 流程控制简介 299

26．1．1 顺序结构 299

26．1．2 选择结构 300

26．1．3 循环结构 301

26．2 选择结构：if 301

26．2．1 单向选择：if．．． 302

26．2．2 双向选择：if．．．else．．． 303

26．2．3 多向选择：if．．．else if．．．else．．． 305

26．2．4 if 语句的嵌套 306

26．3 选择结构：switch 309

26．4 循环结构：while 313

26．5 循环结构：do．．．while 317

26．6 循环结构：for 318

26．7 实战题：判断一个数是整数，还是

小数 321

26．8 实战题：找出“水仙花数” 322

26．9 本章练习 323

第 27 章 初识函数 325

27．1 函数是什么 325

27．2 函数的定义 327

27．2．1 没有返回值的函数 327

27．2．2 有返回值的函数 330

27．2．3 全局变量与局部变量 331

27．3 函数的调用 333

第三部分 JavaScript 基础

6 从 0 到 1 系列图书 目录

27．3．1 直接调用 334

27．3．2 在表达式中调用 335

27．3．3 在超链接中调用 336

27．3．4 在事件中调用 337

27．4 嵌套函数 338

27．5 内置函数 339

27．6 实战题：判断某一年是否是闰年 340

27．7 实战题：求出任意5 个数的最大值 341

27．8 本章练习 342

第 28 章 字符串对象 344

28．1 内置对象简介 344

28．2 获取字符串长度 344

28．3 大小写转换 346

28．4 获取某一个字符 347

28．5 截取字符串 349

28．6 替换字符串 351

28．7 分割字符串 353

28．8 检索字符串的位置 357

28．9 实战题：统计某一个字符的个数 359

28．10 实战题：统计字符串中有多少个

数字 360

28．11 本章练习 361

第 29 章 数组对象 362

29．1 数组是什么 362

29．2 数组的创建 363

29．3 数组的获取 363

29．4 数组的赋值 364

29．5 获取数组长度 366

29．6 截取数组某部分 369

29．7 添加数组元素 371

29．7．1 在数组开头添加元素：unshift() 371

29．7．2 在数组结尾添加元素：push() 372

29．8 删除数组元素 374

29．8．1 删除数组中第 一个元素：shift() 374

29．8．2 删除数组最后一个元素：pop() 375

29．9 比较数组大小 377

29．10 颠倒数组顺序 378

29．11 将数组元素连接成字符串 379

29．12 实战题：数组与字符串的转换

操作 381

29．13 实战题：计算面积与体积，返回一个

数组 382

29．14 本章练习 383

第30 章 时间对象 385

30．1 时间对象简介 385

30．2 操作年、月、日 387

30．2．1 获取年、月、日 387

30．2．2 设置年、月、日 389

30．3 操作时、分、秒 391

30．3．1 获取时、分、秒 391

30．3．2 设置时、分、秒 392

30．4 获取星期几 393

30．5 本章练习 395

第31 章 数学对象 396

31．1 数学对象简介 396

31．2 Math 对象的属性 396

31．3 Math 对象的方法 398

31．4 最大值与最小值 398

31．5 取整运算 399

31．5．1 向下取整：floor() 399

31．5．2 向上取整：ceil() 401

31．6 三角函数 402

31．7 生成随机数 403

31．7．1 随机生成某个范围内的“任意数” 404

31．7．2 随机生成某个范围内的“整数” 404

31．8 实战题：生成随机验证码 405

从0 到1 系列图书 目录 7

31．9 实战题：生成随机颜色值 406

31．10 本章练习 407

第32 章 DOM 基础 408

32．1 核心技术简介 408

32．2 DOM 是什么 408

32．2．1 DOM 对象 408

32．2．2 DOM 结构 409

32．3 节点类型 410

32．4 获取元素 411

32．4．1 getElementById() 411

32．4．2 getElementsByTagName() 413

32．4．3 getElementsByClassName() 418

32．4．4 querySelector() 和

querySelectorAll() 419

32．4．5 getElementsByName() 422

32．4．6 document．title 和

document．body 424

32．5 创建元素 424

32．6 插入元素 430

32．6．1 appendChild() 430

32．6．2 insertBefore() 432

32．7 删除元素 434

32．8 复制元素 436

32．9 替换元素 438

32．10 本章练习 439

第33 章 DOM 进阶 441

33．1 HTML 属性操作（对象属性） 441

33．1．1 获取HTML 属性值 441

33．1．2 设置HTML 属性值 448

33．2 HTML 属性操作（对象方法） 450

33．2．1 getAttribute() 450

33．2．2 setAttribute() 453

33．2．3 removeAttribute() 454

33．2．4 hasAttribute() 456

33．3 CSS 属性操作 458

33．3．1 获取CSS 属性值 458

33．3．2 设置CSS 属性值 459

33．3．3 最后一个问题 466

33．4 DOM 遍历 469

33．4．1 查找父元素 469

33．4．2 查找子元素 471

33．4．3 查找兄弟元素 475

33．5 innerHTML 和innerText 477

33．6 本章练习 480

第34 章 事件基础 482

34．1 事件是什么 482

34．2 事件调用方式 483

34．2．1 在script 标签中调用 483

34．2．2 在元素中调用事件 484

34．3 鼠标事件 486

34．3．1 鼠标单击 486

34．3．2 鼠标移入和鼠标移出 488

34．3．3 鼠标按下和鼠标松开 490

34．4 键盘事件 491

34．5 表单事件 493

34．5．1 onfocus 和onblur 493

34．5．2 onselect 496

34．5．3 onchange 498

34．6 编辑事件 501

34．6．1 oncopy 501

34．6．2 onselectstart 502

34．6．3 oncontextmenu 503

34．7 页面事件 504

34．7．1 onload 504

34．7．2 onbeforeunload 507

34．8 本章练习 508

8 从 0 到 1 系列图书 目录

第35 章 事件进阶 509

35．1 事件监听器 509

35．1．1 事件处理器 509

35．1．2 事件监听器 510

35．2 event 对象 518

35．2．1 type 519

35．2．2 keyCode 520

35．3 this 522

35．4 本章练习 526

第36 章 window 对象 527

36．1 window 对象简介 527

36．2 窗口操作 528

36．2．1 打开窗口 529

36．2．2 关闭窗口 534

36．3 对话框 536

36．3．1 alert() 536

36．3．2 confirm() 537

36．3．3 prompt() 538

36．4 定时器 540

36．4．1 setTimeout() 和

clearTimeout() 541

36．4．2 setInterval() 和clearInterval() 545

36．5 location 对象 549

36．5．1 window．location．href 550

36．5．2 window．location．search 551

36．5．3 window．location．hash 552

36．6 navigator 对象 553

36．7 本章练习 556

第37 章 document 对象 557

37．1 document 对象简介 557

37．2 document 对象属性 557

37．2．1 document．URL 558

37．2．2 document．referrer 559

37．3 document 对象方法 559

37．3．1 document．write() 560

37．3．2 document．writeln() 561

37．4 本章练习 563

附录A HTML 常用标签 564

附录B CSS 常用属性 566

附录C JavaScript 常用方法 568

附录D 常用的随机数 570