零基础学HTML+CSS 第3版2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

零基础学HTML+CSS 第3版PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第一篇HTML基础知识1

第1章 认识HTML语言1

1.1 HTML与网页1

1.1.1 认识HTML语言1

1.1.2 静态网页2

1.1.3 动态网页2

1.2 HTML标记的组成4

1.2.1 单标记4

1.2.2 双标记4

1.3 创建第一张网页5

1.4 浏览HTML的浏览器兼容7

1.5 编写HTML的工具8

1.5.1 Aptana代码提示工具8

1.5.2 Dreamweaver网页开发工具9

1.6 小结11

1.7 习题11

第2章 常用HTML标记和格式13

2.1 设置正文的标题13

2.1.1 标题设置的语法13

2.1.2 标题设置经典案例——字号由大到小13

2.2 设置段落14

2.2.1 段落标记14

2.2.2 段落中的空格15

2.2.3 强制换行16

2.3 给代码添加注释17

2.4 文字的修饰18

2.4.1 粗体与斜体18

2.4.2 下划线与删除线19

2.4.3 上标与下标20

2.5 HTML标记和格式实例20

2.5.1 标题用hl21

2.5.2 设置每一行为一段落21

2.5.3 粗体和删除线22

2.5.4 加上化学元素和数学平方根22

2.6 小结23

2.7 习题23

第3章 字体标记25

3.1 设置字体大小25

3.2 设置字体颜色26

3.3 设置标题字体样式27

3.3.1 设置标题的字体大小27

3.3.2 设置字体的大小和颜色28

3.4 物理字体和逻辑字体29

3.4.1 物理字体29

3.4.2 逻辑字体30

3.5 字体标记实例31

3.5.1 插入字体〈font〉31

3.5.2 将字体颜色设置为红色31

3.5.3 将文字设置为标题hl32

3.5.4 将文字设置为斜体并加删除线32

3.5.5 设置字体为〈big〉32

3.6 小结33

3.7 习题33

第4章 文字布局35

4.1 行的控制35

4.1.1 换行控制35

4.1.2 不换行控制36

4.2 文字对齐37

4.3 段落设置38

4.4 列表39

4.4.1 无序列表39

4.4.2 有序列表40

4.5 用其他方式修饰文本41

4.5.1 欲格式化文本41

4.5.2 计算机输出格式43

4.6 文字布局实例44

4.6.1 设置文字换行与不换行44

4.6.2 设置文字对齐45

4.6.3 显示列表45

4.6.4 在网页中显示源代码46

4.7 制作滚动文字47

4.7.1 设置文字滚动47

4.7.2 设置文字滚动的方向48

4.7.3 设置文字滚动的速度和形式48

4.8 小结49

4.9 习题49

第5章 图像和链接51

5.1 图像的基本语法51

5.1.1 在网页中插入图像51

5.1.2 图像无法显示时的提示信息52

5.1.3 控制图像的大小53

5.2 图像和文字对齐53

5.3 图像的边框54

5.4 图像映射图55

5.5 图像的应用实例55

5.5.1 在网页上引入图像标记55

5.5.2 设置图像参数alt56

5.5.3 给图像设置超链接56

5.5.4 设置图像的边框56

5.5.5 设置文本与图像对齐57

5.5.6 设置图像的映射图57

5.6 文字链接58

5.6.1 最简单的文字链接58

5.6.2 超链接网页的打开方式59

5.6.3 链接的注释60

5.7 图片链接60

5.8 锚点链接61

5.9 邮箱地址链接62

5.10 相对路径与绝对路径63

5.10.1 相对路径63

5.10.2 绝对路径64

5.11 链接应用实例64

5.11.1 在网页中做文字链接64

5.11.2 给图片设置超链接65

5.11.3 设置锚点链接66

5.11.4 邮箱链接67

5.12 小结67

5.13 习题67

第6章 表单69

6.1 表单概述69

6.1.1 表单的用途69

6.1.2 表单的结构69

6.1.3 表单的基本语法70

6.1.4 表单的数据传递方式70

6.2 文本框和密码框71

6.2.1 文本框71

6.2.2 密码框72

6.3 单选框和复选框73

6.3.1 单选框73

6.3.2 复选框74

6.4 下拉列表与文本域75

6.4.1 下拉列表75

6.4.2 文本域76

6.5 按钮77

6.6 图像域、文件域和隐藏域78

6.7 表单实例79

6.7.1 插入表单79

6.7.2 添加文本框和密码框79

6.7.3 添加单选框和复选框80

6.7.4 添加下拉列表和文本域81

6.7.5 在表单中添加提交按钮82

6.8 小结84

6.9 习题84

第7章 表格86

7.1 页面中的表格86

7.1.1 表格的外观86

7.1.2 表格的基本语法86

7.2 跨多行、多列表元87

7.2.1 跨多行表元88

7.2.2 跨多列表元89

7.3 设置表格大小90

7.3.1 设置表格边框90

7.3.2 设置表格高度和宽度90

7.4 表格内文字对齐91

7.5 表格在网页中对齐92

7.6 表格实例93

7.6.1 表格中嵌入表格93

7.6.2 设置跨行和跨列94

7.7 小结95

7.8 习题95

第8章 框架97

8.1 用框架灵活地组织网页97

8.1.1 框架在网站中的作用97

8.1.2 框架的结构分析97

8.1.3 框架的基本语法97

8.2 框架分栏99

8.2.1 框架垂直分栏99

8.2.2 框架水平分栏100

8.3 框架的常用属性100

8.3.1 设置不可调节框架大小100

8.3.2 浏览器不支持框架101

8.3.3 设置框架边框102

8.3.4 设置滚动条103

8.4 框架链接103

8.4.1 导航框架103

8.4.2 内联框架104

8.5 框架实例105

8.5.1 在网页中插入框架105

8.5.2 设置框架的滚动条和边框106

8.5.3 设置不支持框架文字106

8.5.4 设置框架导航链接107

8.6 小结108

8.7 习题108

第9章 网页中的动态图文和多媒体110

9.1 移动属性的基本语法110

9.2 文字的移动111

9.3 图片的移动112

9.4 设置对象的移动113

9.4.1 文本移动的方向113

9.4.2 文本的滚动循环113

9.4.3 文本的移动速度113

9.4.4 应用文本的全部移动标记114

9.5 移动实例——电影结束效果115

9.6 网页多媒体117

9.6.1 网页多媒体的基本语法117

9.6.2 设置自动播放118

9.6.3 设置多媒体循环播放119

9.6.4 设置面板的隐藏120

9.6.5 设置面板的大小121

9.6.6 设置对齐方式122

9.7 网页多媒体实例——在网页中播放视频123

9.7.1 引入视频文件123

9.7.2 设置多媒体为非自动播放123

9.7.3 设置多媒体无循环播放124

9.7.4 设置控制面板的大小125

9.8 小结125

9.9 习题125

第二篇DIV+CSS布局127

第10章 用DIV布局127

10.1 DIV与TABLE布局比较127

10.1.1 DIV简介127

10.1.2 DIV与TABLE的区别128

10.2 如何用DIV布局131

10.2.1 设置DIV选择符131

10.2.2 设置CSS修饰DIV效果132

10.2.3 设置DIV的背景颜色134

10.3 使用DIV注意事项135

10.4 认识SPAN136

10.4.1 设置DIV选择符136

10.4.2 何时用SPAN136

10.5 DIV与SPAN的区别137

10.5.1 默认宽度不同138

10.5.2 块元素与行内元素138

10.6 DIV与SPAN实例——多层布局139

10.7 小结141

10.8 习题142

第11章 DIV与CSS结合143

11.1 用CSS控制DIV143

11.2 CSS文件链接144

11.2.1 内联定义144

11.2.2 链接内部CSS145

11.2.3 链接外部CSS147

11.3 DIV+CSS布局实例148

11.3.1 确定布局148

11.3.2 定义body样式148

11.3.3 定义主要的DIV149

11.3.4 设置层居中151

11.4 小结152

11.5 习题152

第三篇CSS部分153

第 12章 CSS的基础知识153

12.1 CSS简介153

12.2 CSS文件链接方式153

12.3 选择符154

12.4 伪类155

12.5 注解155

12.6 单位156

12.7 编写CSS的工具157

12.7.1 打开CSS工具软件157

12.7.2 新建CSS文件157

12.7.3 另存为CSS文件158

12.7.4 打开Aptana工具158

12.7.5 在菜单栏中新建CSS文件159

12.8 CSS与浏览器的兼容性159

12.9 CSS基础实例160

12.9.1 在Aptana中新建网页160

12.9.2 在Aptana中新建CSS文件160

12.9.3 链接CSS文件到HTML页面中161

12.9.4 用不同的浏览器测试页面162

12.10 小结162

12.11 习题162

第13章 字体设置和文本设置164

13.1 文字的字体164

13.1.1 字体的复合属性164

13.1.2 字体颜色166

13.1.3 字体大小167

13.1.4 字体重量168

13.1.5 字体类型170

13.2 行距171

13.3 设置文本间距与间隔172

13.3.1 文本间距172

13.3.2 文本间隔172

13.4 字体实例——字体花样174

13.4.1 加入字体名字174

13.4.2 加入CSS控制字体175

13.4.3 设置行距176

13.4.4 设置文本间隔177

13.5 字母大小写转换178

13.6 文本修饰180

13.7 空格处理方式182

13.8 设置文本垂直与水平对齐184

13.8.1 文本垂直对齐184

13.8.2 文本水平对齐186

13.9 文本缩进188

13.10 文本设置——给段落设置缩进189

13.10.1 对DIV布局189

13.10.2 设置文本首行缩进189

13.11 小结190

13.12 习题190

第14章 设置背景和尺寸192

14.1 背景的基本语法192

14.2 设置背景颜色194

14.3 设置背景图像195

14.3.1 设置背景图像滚动196

14.3.2 设置背景图像的位置197

14.3.3 设置背景图像的铺排199

14.4 背景实例200

14.4.1 设置层背景为绿色200

14.42 设置层背景图像201

14.4.3 设置背景为不铺排202

14.4.4 设置背景图像位置202

14.5 设置尺寸203

14.5.1 设置宽度204

14.5.2 设置高度205

14.6 尺寸实例——设置层居中206

14.6.1 尺寸实例手把手206

14.6.2 设置层居中209

14.7 小结211

14.8 习题211

第15章 设置外边距和内边距214

15.1 外边距的基本语法214

15.2 外边距的四边设置216

15.2.1 顶端外边距的用法216

15.2.2 右端外边距的用法217

15.2.3 底端外边距的用法218

15.2.4 左端外边距的用法219

15.3 外边距实例——设置层与层的距离220

15.3.1 层与层的距离效果220

15.3.2 对层布局222

15.3.3 设置层的尺寸223

15.3.4 设置层漂移225

15.3.5 设置层与层之间的间隔226

15.4 内边距的基本语法228

15.5 内边距的四边属性229

15.5.1 顶端内边距的用法230

15.5.2 右端内边距的用法231

15.5.3 底端内边距的用法231

15.5.4 左端内边距的用法232

15.6 内边距实例233

15.6.1 设置顶部内边距234

15.6.2 设置其他位置的内边距235

15.6.3 用复合属性padding设置内边距237

15.7 小结237

15.8 习题238

第16章 设置对象边框240

16.1 边框的基本语法240

16.2 边框颜色242

16.3 边框样式243

16.4 边框宽度245

16.5 对象的四个边框248

16.5.1 设置顶端边框的属性248

16.5.2 设置右端边框的属性249

16.5.3 设置底端边框的属性250

16.5.4 设置左端边框的属性251

16.6 边框实例——多层边框252

16.6.1 设置单层边框252

16.6.2 设置多层边框255

16.7 小结257

16.8 习题257

第17章 定位259

17.1 定位的基本语法259

17.2 设置对象的层叠顺序261

17.3 设置对象的边框位置262

17.4 定位实例——圆角制作264

17.4.1 相对定位实例264

17.4.2 绝对定位实例265

17.4.3 实例——圆角制作267

17.5 小结272

17.6 习题272

第18章 用CSS控制列表和表格274

18.1 列表的基本语法274

18.2 设置列表的图像276

18.3 设置列表的文本排列277

18.4 列表的预设标记278

18.5 列表实例280

18.5.1 设置列表图像文字内显示280

18.5.2 设置列表样式为空心圆281

18.5.3 设置文本外自定义列表图像282

18.6 控制表格的基本语法283

18.7 设置表格边框独立或合并285

18.8 设置表格布局的算法287

18.9 CSS控制表格实例288

18.9.1 布局好表格288

18.9.2 表格边框独立和合并289

18.9.3 设置表格算法为自动和固定291

18.10 小结292

18.11 习题292

第19章 滚动条和布局294

19.1 滚动条294

19.1.1 滚动条的基本语法294

19.1.2 设置滚动条亮边框颜色295

19.1.3 设置3D界面亮边颜色和表面颜色296

19.1.4 设置滚动条方向箭头颜色297

19.1.5 设置滚动条3D界面暗边颜色和暗边框颜色298

19.1.6 设置滚动条基准颜色和拖动区域颜色300

19.2 层的漂移301

19.2.1 设置层的漂移301

19.2.2 清除层的漂移范围303

19.3 设置层的可视区域305

19.4 内容超过层大小时307

19.5 鼠标指针的不同表示308

19.6 设置对象可见性311

19.6.1 设置对象是否隐藏311

19.6.2 设置对象是否显示313

19.7 小结315

19.8 习题315

第20章 选择符317

20.1 通配选择符317

20.2 类型选择符318

20.3 包含选择符319

20.4 布局常用选择符320

20.4.1 ID选择符321

20.4.2 类选择符322

20.5 分组选择符323

20.6 伪类324

20.7 伪类的四种状态326

20.7.1 访问链接的状态326

20.7.2 鼠标光标置于其上的状态327

20.7.3 获得焦点的状态328

20.7.4 访问过后的状态329

20.8 CSS中的单位331

20.8.1 长度单位331

20.8.2 颜色单位333

20.9 小结334

20.10 习题335

第四篇 实践部分337

第21章 游戏网站布局337

21.1 网站主页规划337

21.2 用DIV+CSS布局338

21.2.1 实现页面头部338

21.2.2 实现中间部分341

21.2.3 实现页面底部347

21.3 加入文字348

21.4 调整全页面的兼容性351

21.5 小结352

第22章 企业网站布局353

22.1 企业主页规划353

22.2 对网页布局354

22.2.1 将页面用DIV布局出框图355

22.2.2 用CSS实现页面头部356

22.2.3 用CSS实现页面体358

22.3 添加文本等信息362

22.4 调整全页面和浏览器兼容363

22.5 其他二级页面模块制作364

22.6 小结364

第23章 博客主要页面布局366

23.1 博客网站主页规划366

23.1.1 分析主页需求367

23.1.2 确定内容模块367

23.1.3 画出效果图367

23.2 用DIV布局框图368

23.2.1 页眉368

23.2.2 实现内容模块369

23.2.3 页脚372

23.3 CSS实现框图373

23.3.1 实现内容模块373

23.3.2 实现整页效果378

23.4 添加图片379

23.5 加入文字380

23.6 调整全页面381

23.7 其他页面布局381

23.8 小结382

第24章 面试题383

面试题1 DIV与SPAN的区别383

面试题2 HTML的框架是什么383

面试题3 CSS引入的方式有哪些383

面试题4前端页面有哪三层构成，各层的作用是什么384

面试题5常见的浏览器的内核有哪些384

面试题6 img元素的alt text属性和title属性有什么不同385

面试题7 document.body和document.documentElement有什么不同385

面试题8 XHTML和DHTML有什么区别385

面试题9写出实现效果所需的CSS代码385

面试题10写出一段左边固定、右边随电脑屏幕浮动而变动的HTML+CSS代码386

面试题11写一段两个DIV交叉重叠的CSS样式386

面试题12怎样使一个层垂直居中位于浏览器中387

面试题13 Firefox嵌套DIV标签居中问题的处理方法387

面试题14用纯CSS实现带下拉菜单的二级横向导航菜单387

面试题15 在网页制作中为什么要使用CSS技术388

面试题16 CSS+DIV开发Web页面的优势有哪些389

面试题17实现两列高度自适应的CSS代码389