零基础学HTML+CSSPDF|Epub|txt|kindle电子书版本网盘下载

零基础学HTML+CSSPDF格式电子书版下载

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

第一篇HTML基础知识1

第1章 认识HTML语言1

1.1 HTML简介1

1.2 HTML的标记组成2

1.2.1单标记2

1.2.2双标记2

1.3创建第一张网页4

1.4浏览HTML的浏览器兼容6

1.5编写HTML的工具7

1.5.1 Aptana代码提示工具7

1.5.2 Dreamweaver网页开发工具10

1.6小结12

1.7上机实践13

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

2.1设置正文的标题14

2.1.1标题设置的语法14

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

2.2设置段落16

2.3强制换行17

2.4给代码添加注释18

2.5粗体与斜体19

2.6下划线与删除线20

2.7上标与下标21

2.8 HTML标记和格式实例22

2.8.1标题用h122

2.8.2设置每一行为一段落23

2.8.3粗体和删除线24

2.8.4加上化学元素和数学平方根24

2.9小结26

2.10上机实践26

第3章 字体标记27

3.1设置字体大小27

3.2设置字体颜色28

3.3设置标题字体样式29

3.3.1标题的字体29

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

3.4字体标记32

3.4.1物理字体32

3.4.2逻辑字体33

3.5字体实例34

3.5.1插入字体〈font〉34

3.5.2字体颜色设为红色35

3.5.3把文字设为标题h茋35

3.5.4设为斜体并加删除线36

3.5.5设置字体为〈big〉36

3.6小结37

3.7上机实践37

第4章 文字布局38

4.1行的控制38

4.1.1换行控制38

4.1.2不换行控制39

4.2文字对齐40

4.3段落设置42

4.4列表43

4.4.1无序列表43

4.4.2有序列表43

4.5其他方式修饰文本44

4.5.1欲格式化文本44

4.5.2计算机输出格式47

4.6文字布局实例48

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

4.6.2设置文字对齐49

4.6.3显示列表49

4.6.4在网页中显示计算机源代码50

4.7小结52

4.8上机实践52

第5章 图像53

5.1图像的基本语法53

5.1.1在网页中插入图像53

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

5.1.3控制图像的大小55

5.2图像的链接56

5.3图像和文字对齐56

5.4图像的边框57

5.5图像映射图58

5.6图像实例58

5.6.1在网页上引入图像标记58

5.6.2设置图像参数alt59

5.6.3给图像做超链接59

5.6.4设置图像的边框59

5.6.5设置文本与图像对齐60

5.6.6设置图像的映射图60

5.7小结61

5.8上机实践61

第6章 超级链接62

6.1文字链接62

6.1.1最简单的文字超链接62

6.1.2超链接网页的打开方式63

6.1.3链接的注释64

6.2图片链接64

6.3锚点链接65

6.4邮箱地址链接66

6.5相对路径与绝对路径67

6.5.1相对路径67

6.5.2绝对路径68

6.6链接实例68

6.6.1在网页中做文字链接69

6.6.2给图片设置超链接69

6.6.3设置锚点链接70

6.6.4邮箱链接72

6.7小结73

6.8上机实践73

第7章 表单74

7.1表单基本语法74

7.2文本框和密码框76

7.2.1文本框76

7.2.2密码框76

7.3单选框和复选框77

7.3.1单选框77

7.3.2复选框78

7.4下拉列表与文本域79

7.4.1下拉列表79

7.4.2文本域80

7.5按钮82

7.6表单实例83

7.6.1插入表单83

7.6.2添加文本框和密码框84

7.6.3添加单选框和复选框84

7.6.4添加下拉列表和文本域85

7.6.5在表单中添加提交按钮87

7.7小结89

7.8上机实践89

第8章 表格90

8.1表格基本语法90

8.2跨多行、多列表元91

8.2.1跨多行表元91

8.2.2跨多列表元92

8.3设置表格大小93

8.3.1设置表格边框93

8.3.2设置表格高度和宽度94

8.4表格内文字对齐95

8.5表格在网页中对齐96

8.6表格实例97

8.6.1表格中嵌入表格97

8.6.2设置跨行和跨列99

8.7小结100

8.8上机实践100

第9章 框架101

9.1框架基本语法101

9.2框架分栏102

9.2.1框架垂直分栏102

9.2.2框架水平分栏104

9.3框架的常用属性105

9.3.1设置不可调节框架大小105

9.3.2浏览器不支持框架106

9.3.3设置框架边框107

9.3.4设置滚动条108

9.4框架链接109

9.4.1导航框架109

9.4.2内联框架110

9.5框架实例111

9.5.1在网页中插入框架111

9.5.2设置框架的滚动条和边框112

9.5.3设置不支持框架文字113

9.5.4设置框架导航链接114

9.6小结115

9.7上机实践115

第10章 移动的字体和图片117

10.1移动属性基本语法117

10.2文字的移动118

10.3图片的移动120

10.4如何设置对象移动121

10.4.1文本移动的方向121

10.4.2文本的滚动循环121

10.4.3文本的移动速度121

10.4.4应用文本的全部移动标记121

10.5移动实例——电影结束效果123

10.6小结125

10.7上机实践125

第11章 网页多媒体126

11.1网页多媒体的基本语法126

11.2设置自动播放127

11.3设置多媒体循环播放128

11.4隐藏面板的设置130

11.5设置面板大小131

11.6对齐方式132

11.7网页多媒体实例——在网页中播放视频133

11.7.1引入视频文件134

11.7.2设置多媒体为非自动播放134

11.7.3设置多媒体无循环播放134

11.7.4设置控制面板的大小135

11.8小结136

11.9上机实践136

第二篇DIV+CSS布局137

第12章 为什么用DIV布局137

12.1 DIV与TABLE布局比较137

12.1.1什么是DIV137

12.1.2 DIV与TABLE的区别138

12.2如何用DIV布局142

12.2.1设置DIV选择符142

12.2.2设置CSS修饰DIV效果143

12.2.3设置DIV的背景颜色145

12.3使用DIV注意事项146

12.4小结146

12.5上机实践147

第13章DIV与SPAN148

13.1解读SPAN148

13.2何时用SPAN149

13.3 DIV与SPAN的区别150

13.3.1默认宽度不同150

13.3.2块元素与行内元素151

13.4 DIV与SPAN实例——多层布局152

13.5小结154

13.6上机实践154

第14章DIV与CSS结合156

14.1用CSS控制DIV156

14.2 CSS文件链接157

14.2.1内联定义157

14.2.2链入内部CSS158

14.2.3链接外部 CSS160

14.3 DIV+CSS布局实例161

14.3.1确定布局162

14.3.2定义body样式162

14.3.3定义主要的DIV163

14.3.4设置层居中165

14.4小结166

14.5上机实践166

第三篇CSS部分167

第15章CSS基础知识167

15.1 CSS简介167

15.2 CSS文件链接方式168

15.3选择符168

15.4伪类169

15.5注解170

15.6单位170

15.7用编写CSS工具演示171

15.7.1打开CSS工具软件171

15.7.2新建CSS文件171

15.7.3保存为CSS后缀文件172

15.7.4打开Aptana工具173

15.7.5在菜单栏中新建CSS文件173

15.8 CSS与浏览器兼容性174

15.9 CSS基础实例174

15.9.1在Aptana中新建网页175

15.9.2在Aptana中新建CSS文件175

15.9.3链接CSS文件到HTML页面中176

15.9.4用不同的浏览器测试页面176

15.10小结177

15.11上机实践177

第16章 字体设置178

16.1字体的复合属性178

16.2字体颜色180

16.3字体大小181

16.4字体重量183

16.5字体类型185

16.6行距186

16.7如何设置文本间距与间隔187

16.7.1文本间距187

16.7.2文本间隔187

16.8字体实例——字体花样189

16.8.1加入字体名字190

16.8.2加入CSS控制字体190

16.8.3设置行距191

16.8.4设置文本间隔192

16.9小结194

16.10上机实践194

第17章 文本设置195

17.1字母大小写转换195

17.2文本修饰197

17.3空格处理方式199

17.4设置文本的垂直与水平对齐201

17.4.1文本垂直对齐201

17.4.2文本水平对齐204

17.5文本缩进205

17.6文本设置——给段落设置缩进207

17.6.1对DIV布局207

17.6.2设置文本首行缩进207

17.7小结208

17.8上机实践209

第18章 设置背景210

18.1背景语法210

18.2设置背景颜色211

18.3设置背景图像213

18.3.1设置背景图像滚动214

18.3.2设置背景图像位置215

18.3.3设置背景图像如何铺排217

18.4背景实例219

18.4.1设置层背景为绿色219

18.4.2设置层背景图像220

18.4.3设置背景为不铺排220

18.4.4设置背景图像位置221

18.5小结222

18.6上机实践223

第19章 设置尺寸224

19.1设置宽度224

19.2设置高度226

19.3尺寸实例——设置层居中227

19.3.1尺寸实例手把手227

19.3.2设置层居中231

19.4小结233

19.5上机实践234

第20章 设置外补丁235

20.1外补丁基本语法235

20.2外补丁的四边设置237

20.2.1顶端外补丁用法237

20.2.2右端外补丁用法238

20.2.3底端外补丁用法239

20.2.4左端外补丁用法241

20.3外补丁实例——设置层与层的距离242

20.3.1层与层的距离效果242

20.3.2对层布局245

20.3.3设置层的尺寸246

20.3.4设置层漂移247

20.3.5设置层与层之间的间隔249

20.4小结251

20.5上机实践251

第21章 设置内补丁252

21.1内补丁基本语法252

21.2内补丁的四边属性253

21.2.1顶端内补丁用法253

21.2.2右端内补丁用法254

21.2.3底端内补丁用法255

21.2.4左端内补丁用法256

21.3内补丁实例258

21.3.1设置顶部内补丁258

21.3.2设置其他位置的内补丁259

21.3.3用复合属性padding设置内补丁261

21.4小结262

21.5上机实践262

第22章 设置对象边框264

22.1边框的基本语法264

22.2边框颜色266

22.3边框样式267

22.4边框宽度270

22.5对象的四个边框273

22.5.1设置顶端边框的属性273

22.5.2设置右端边框的属性274

22.5.3设置底端边框的属性275

22.5.4设置左端边框的属性276

22.6边框实例——双边框277

22.6.1实例手把手278

22.6.2设置多层边框281

22.7小结283

22.8上机实践283

第23章 定位284

23.1定位的基本语法284

23.2设置对象层叠顺序286

23.3设置对象的边框位置288

23.4定位实例——圆角制作289

23.4.1相对定位实例290

23.4.2绝对定位实例291

23.4.3实例——圆角制作293

23.5小结299

23.6上机实践299

第24章 列表300

24.1列表的基本语法300

24.2设置列表的图像302

24.3设置列表的文本排列303

24.4列表的预设标记304

24.5列表实例307

24.5.1设置列表图像文字内显示307

24.5.2设置列表样式为空心圆308

24.5.3设置文本外自定义列表图像309

24.6小结310

24.7上机实践310

第25章用CSS控制表格312

25.1控制表格的基本语法312

25.2设置表格边框独立或合并314

25.3设置表格布局的算法316

25.4 CSS控制表格实例318

25.4.1布局好表格318

25.4.2表格边框独立和合并319

25.4.3设置表格算法为自动和固定321

25.5小结322

25.6上机实践322

第26章CSS设置滚动条323

26.1滚动条的基本语法323

26.2设置滚动条亮边框颜色324

26.3设置3D界面亮边颜色和表面颜色325

26.4设置滚动条方向箭头颜色326

26.5设置滚动条3D界面暗边颜色和暗边框颜色327

26.6设置滚动条基准颜色和拖动区域颜色329

26.7小结331

26.8上机实践331

第27章CSS布局332

27.1设置层的漂移332

27.2清除层的漂移范围334

27.3设置层的可视区域337

27.4内容超过层大小时338

27.5鼠标指针的不同表示340

27.6设置对象可见性343

27.6.1设置对象是否隐藏344

27.6.2设置对象是否显示346

27.7小结348

27.8上机实践348

第28章 选择符349

28.1通配选择符349

28.2类型选择符350

28.3包含选择符352

28.4布局常用选择符353

28.4.1 ID选择符353

28.4.2类选择符355

28.5分组选择符356

28.6小结358

28.7上机实践358

第29章 伪类360

29.1伪类概念360

29.2伪类的四种状态362

29.2.1访问链接的状态362

29.2.2鼠标光标置于其上的状态363

29.2.3获得焦点的状态364

29.2.4访问过后的状态365

29.3小结367

29.4上机实践367

第30章 单位368

30.1长度单位368

30.2颜色单位370

30.3小结372

30.4上机实践372

第四篇 实践部分375

第31章 游戏网站布局375

31.1网站主页规划375

31.2用DIV+CSS布局377

31.2.1实现页面头部377

31.2.2实现中间部分379

31.2.3实现页面底部386

31.3加入文字388

31.4调整全页面的兼容性391

31.5小结391

第32章 企业网站布局393

32.1企业主页规划393

32.2对网页布局394

32.2.1将页面用DIV布局出框图395

32.2.2用CSS实现页面头部397

32.2.3用CSS实现页面体398

32.3添加文本等信息403

32.4调整全页面和浏览器兼容404

32.5其他二级页面模块制作405

32.6小结406

第33章 博客主要页面布局407

33.1博客网站主页规划407

33.1.1分析主页需求408

33.1.2确定内容模块408

33.1.3画出效果图408

33.2用DIV布局框图409

33.2.1页眉409

33.2.2实现内容模块410

33.2.3页脚413

33.3 CSS实现框图414

33.3.1实现内容模块414

33.3.2实现整页效果419

33.4添加图片420

33.5加入文字422

33.6调整全页面423

33.7其他页面的布局423

33.8小结423

第 34章 面试题424

面试题1 DIV与SPAN的区别424

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

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

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

面试题5浏览器的内核有哪些？常用的浏览器都是什么内核425

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

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

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

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

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

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

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

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

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

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

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

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