从0到1 HTML+CSS+JavaScript快速上手 网页制作网站设计Web前端开发程序设计教程书籍 js书核心编程.

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

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

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

di 一部分　HTML 基础

di 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

di 2　章 开发工具　9

2.1　开发工具　9

2.2　使用HBuilder　10

di3　章 基本标签　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

di4　章 文本　22

4.1　文本简介　22

4.1.1　页面组成素　22

4.1.2　HTML 文本　23

4.2　标题标签　24

4.3　段落标签　26

4.3.1　段落标签

4.3.2　换行标签
　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

(咨询特价)　本章练 　44

di5　章 列表　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

di6　章 表格　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

di7　章 图片　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

di8　章 超链接　79

8.1　超链接简介　79

8.1.1　a 标签　79

8.1.2　target 属性　81

8.2　内部链接　82

8.3　锚点链接　83

8.4　本章练 　86

di9　章 表单　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

(咨询特价)　多行文本框　108

(咨询特价)　下拉列表　109

(咨询特价).1　下拉列表简介　109

(咨询特价).2　select 标签属性　110

(咨询特价).3　option 标签属性　112

(咨询特价)　本章练 　114

di 10　章 框架　116

10.1　iframe 标签　116

10.2　练 题　117

　从0 到1 系列图书 目录　3

di 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

di 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

di 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

di 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

di 15　章 边框样式　163

15.1　边框样式简介　163

15.2　整体样式　164

15.2.1　边框的属性　164

15.2.2　简写形式　166

15.3　局部样式　167

15.4　本章练 　170

di 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

di二部分　CSS 基础

4　从 0 到 1 系列图书 目录

di 17　章 表格样式　177

17.1　表格标题位置：caption-side　177

17.2　表格边框合并：border-collapse　179

17.3　表格边框间距：border-spacing　180

17.4　本章练 　182

di 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

di 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

di 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

di 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

di 22　章 浮动布局　230

22.1　文档流简介　230

22.1.1　正常文档流　230

22.1.2　脱离文档流　231

22.2　浮动　233

22.3　清除浮动　236

22.4　本章练 　238

di 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

di 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

di 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

di 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

di 27　章 初识函数　325

27.1　函数是什么　325

27.2　函数的定义　327

27.2.1　没有返回值的函数　327

27.2.2　有返回值的函数　330

27.2.3　全局变量与局部变量　331

27.3　函数的调用　333

di三部分　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

di 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

(咨询特价)　实战题：统计字符串中有多少个

数字　360

(咨询特价)　本章练 　361

di 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　删除数组中di 一个素：shift()　374

29.8.2　删除数组 后一个素：pop()　375

29.9　比较数组大小　377

(咨询特价)　颠倒数组顺序　378

(咨询特价)　将数组素连接成字符串　379

(咨询特价)　实战题：数组与字符串的转换

操作　381

(咨询特价)　实战题：计算面积与体积，返回一个

数组　382

(咨询特价)　本章练 　383

di30　章 时间对象　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

di31　章 数学对象　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

(咨询特价)　本章练 　407

di32　章 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

(咨询特价)　本章练 　439

di33　章 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

di34　章 事件基础　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 系列图书 目录

di35　章 事件进阶　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

di36　章 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

di37　章 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