新手学HTML+CSSPDF电子书下载

第1篇　网站入门 2

第1章　网站基础知识 2

1.1　什么是网站 2

1.2　网站的基本架构 3

1.3 Web浏览器 3

1.3.1 Web浏览器标准 3

1.3.2 Web浏览器与网站的关系 5

1.4 HTML、XHTML使用的编辑器 5

1.4.1 了解HTML、XHTML 5

1.4.2 使用HTML、XHTML编辑器 5

1.5 常见颜色单位 7

1.6 常见HTML特殊符号 7

1.7　常见长度单位 8

1.8　常见面试题 8

1.9　小结 8

1.10　习题 8

第2章　基本架构和基本标签 9

2.1 基本框架 9

2.1.1　使用文档〈html〉 9

2.1.2　使用头部〈head〉 10

2.1.3　使用主体〈body〉 10

2.1.4　使用标题〈title〉 10

2.2　响应头报文meta 11

2.2.1 name属性 11

2.2.2 http-equiv属性 12

2.3　基本标签 12

2.3.1　设置换行标签〈br〉 13

2.3.2　设置段落标签〈p〉 13

2.4　设置水平线〈hr〉 13

2.4.1 插入水平线〈hr/〉 14

2.4.2 控制水平线粗细size 14

2.4.3　控制水平线宽度width 14

2.4.4　控制水平线显示位置align 15

2.4.5　控制水平线颜色color 15

2.4.6　控制水平线阴影noshade 16

2.5　设置隐藏〈!-- --〉 16

2.6　设置网站背景色bgcolor 17

2.7　注意关闭标签 17

2.8　使用小写标签 17

2.9　常见面试题 18

2.10　小结 18

2.11　习题 18

第2篇　〈body〉下的网站内容第3章　字体 20

3.1　标题字体〈Header〉 20

3.1.1　使用〈h〉标签 20

3.1.2　使用〈hn〉标签 21

3.2　〈font〉标签 22

3.2.1　设置字体大小〈size〉 22

3.2.2　设置字体风格〈face〉 23

3.3　常用文本格式Tag 24

3.3.1　使用缩进〈blockquote〉 24

3.3.2　保留空格和换行〈pre〉 24

3.3.3　使用内联行〈span〉 26

3.3.4　使用文字方向〈bdo〉 26

3.4　物理字体 27

3.4.1　设置粗体〈b〉 27

3.4.2　设置斜体〈i〉 27

3.4.3　设置下划线〈u〉/〈ins〉 28

3.4.4　设置中划线〈del〉/〈s〉/〈strike〉 29

3.4.5　设置打印机效果〈tt〉 30

3.4.6　设置上标〈sup〉 30

3.4.7　设置下标〈sub〉 31

3.5　逻辑字体 31

3.5.1　设置粗体〈strong〉 31

3.5.2　设置斜体〈em〉 31

3.5.3　设置等宽字体〈code〉 32

3.5.4　设置引用〈samp〉 32

3.5.5　设置输入文本〈kbd〉 33

3.5.6　设置变量〈var〉 34

3.5.7　设置突出显示〈dfn＞ 34

3.5.8 设置内容出处〈cite〉 34

3.5.9 设置小字体〈small〉 35

3.5.10 设置大字体〈big〉 35

3.6 显示特殊符号 36

3.6.1 显示＆lt;＜ 36

3.6.2　显示＆gt;＞ 36

3.6.3 显示＆quot;" 36

3.6.4 显示＆amp;＆ 37

3.7　常见面试题 37

3.8　小结 37

3.9　习题 37

第4章　超链接 38

4.1　href属性 38

4.1.1　连接到同一页当前位置 38

4.1.2　制作本地链接 40

4.1.3　制作URL链接 41

4.1.4　制作目录链接 41

4.1.5　制作E-mail链接 42

4.2　target属性 42

4.2.1　打开空白页_blank 43

4.2.2　打开上一级窗口_parent 43

4.2.3　在本窗口打开 45

4.2.4　打开整个窗口_top 47

4.3　常见面试题 49

4.4　小结 49

4.5 习题 49

第5章 图像 50

5.1 网页图片概述 50

5.2　背景图像的设定 50

5.3 网页中插入图片标签〈img〉 51

5.3.1　选择路径src 52

5.3.2　设定替换文本alt 52

5.3.3　选择宽度width 53

5.3.4　选择高度height 53

5.3.5　设定低分辨率lowsrc 54

5.3.6　设定排列align 54

5.3.7　设定边框border 61

5.3.8　设定水平间距hspace 62

5.3.9　设定垂直间距vspace 63

5.4　图像的超链接 63

5.4.1　链接本地图像 64

5.4.2　链接网上图像 65

5.4.3　链接本地页面 66

5.4.4　链接网上页面 66

5.4.5　编辑图像矩形热区 67

5.4.6　编辑图像椭圆热区 68

5.4.7　编辑图像多边热区 69

5.4.8　插入图像占位符 70

5.5　用〈img〉标签插入avi文件 71

5.5.1　使用路径dynsrc 71

5.5.2　循环播放次数loop 71

5.5.3　播放方式start 72

5.6 常见面试题 73

5.7 小结 73

5.8 习题 73

第6章 表格 74

6.1 表格的基本结构 74

6.2 表格〈table〉 75

6.2.1　设置行标签〈tr〉 75

6.2.2 设置表头单元格〈th〉 75

6.2.3 设置单元格数据标签〈td〉 76

6.3 〈table〉标签的属性 77

6.3.1 设置宽度width 77

6.3.2 设置高度height 79

6.3.3 设置背景图片background 80

6.3.4 设置间距cellspacing 81

6.3.5 设置内容与边界的距离cellpadding 83

6.4 边框 83

6.4.1 编辑边框的宽度border 84

6.4.3 编辑亮边框颜色bordercolorlight 86

6.4.4 编辑暗边框颜色bordercolordark 86

6.4.5　显示整个边框box 87

6.4.6　不显示边框void 88

6.4.7　显示上下边框hsides 89

6.4.8　显示左右边框vsides 90

6.4.9　显示上边框above 91

6.4.10　显示下边框below 92

6.4.11　显示左边框lhs 93

6.4.12　显示右边框rhs 94

6.5　表格行的设定 95

6.5.1　设置水平对齐align 95

6.5.2　设置垂直对齐valign 98

6.6　跨多行、多列的表元 100

6.6.1　设置跨多列colspan 101

6.6.2　设置跨多行rowspan 101

6.7　表格行分组 102

6.7.1　使用表头标签〈thead〉 103

6.7.2　使用主体标签〈tbody〉 103

6.7.3　使用尾注标签〈tfoot＞ 103

6.8　表格的标题标签〈caption〉 105

6.9　表格的嵌套 106

6.10　常见面试题 107

6.11 小结 107

6.12　习题 107

第7章　多媒体 108

7.1　滚动字幕〈marquee〉 108

7.1.1 滚动字幕〈marquee〉标签概述 108

7.1.2　设置移动方式behavior 109

7.1.3　设置背景颜色bgcolor 111

7.1.4　设置文字卷动方式direction 111

7.1.5 设置移动速度scrollamount 113

7.1.6 设置停顿时间scrolldelay 114

7.1.7 设置字幕左右空白区域hspace 115

7.1.8 设置字幕上下空白区域vspace 115

7.1.9 设置滚动次数loop 116

7.1.10 设置鼠标滑过onMouseOver 117

7.2 插入多媒体文件 118

7.2.1 插入音乐 118

7.2.2 插入Flash标签〈object〉 121

7.2.3 显示Flash标签〈param〉 121

7.2.4 插入Flash的另一标签〈embed〉 123

7.3 嵌入多媒体文件 126

7.3.1　设置背景音乐路径src 126

7.3.2　设置自动播放autostart 127

7.3.3　设置循环播放loop 128

7.4　常见面试题 128

7.5　小结 128

7.6　习题 129

第8章　框架 130

8.1 框架含义 130

8.2　基本构成 130

8.3　框架集〈frameset〉 131

8.3.1 分割左右窗口cols 131

8.3.2 分割上下窗口rows 133

8.3.3 设置边框粗细border 134

8.3.4 设置边框颜色bordercolor 135

8.3.5　是否显示边框frameborder 136

8.3.6　设置空白距离framespacing 137

8.3.7　添加〈noframes〉标签 138

8.4　子框架〈frame〉标签的设定 140

8.4.1 设定调节noresize 140

8.4.2　设定窗口嵌套 141

8.5　窗口的名称和链接 142

8.6　浮动窗口〈iframe〉 144

8.6.1 设置滚动条scrolling属性 144

8.6.2 设置透明浮动窗口allowtransparency属性 145

8.7 浮动窗口链接 146

8.8 常见面试题 147

8.9 小结 147

8.10 习题 147

第9章 列表 148

9.1 无序列表〈ul〉 148

9.1.1　设置列表结构 148

9.1.2　使用实心圆样式disc 149

9.1.3　使用空心圆样式circle 150

9.1.4　使用小方块样式square 151

9.2 有序列表〈ol〉 151

9.2.1　设置列表结构 152

9.2.2　使用数字标号样式 152

9.2.3　使用大写字母标号样式 153

9.2.4　使用小写字母标号样式 154

9.2.5　使用大写罗马数字标号样式 155

9.2.6　使用小写罗马数字标号样式 155

9.3　嵌套列表 156

9.3.1　嵌套无序列表 156

9.3.2　嵌套有序列表 158

9.4　自定义列表的标记 159

9.4.1　显示整体列表〈dl〉 159

9.4.2 设置列表项标签〈dt〉 160

9.4.3 设置注释项标签〈dd〉 160

9.5 目录列表〈dir〉 161

9.6 菜单列表〈menu〉 162

9.7 常见面试题 163

9.8 小结 163

9.9 习题 163

第10章 表单 164

10.1 基本语法 164

10.1.1　设置链接跳转action 165

10.1.2　指向链接跳转方法method 165

10.1.3　设置链接跳转方式target 165

10.1.4　设置字符集列表accept-charset 165

10.1.5　设置编码表单内容enctype 166

10.1.6　定义表单名称name 166

10.2　输入框 166

10.2.1　输入文字 166

10.2.2　输入密码 167

10.3　使用单选框 168

10.4　使用复选框 169

10.5　使用图像域 170

10.6　使用隐藏表单的元素 171

10.7　使用列表框 172

10.8　使用文本区域 173

10.9　使用按钮 173

10.9.1　设置提交按钮 174

10.9.2　设置清空按钮 174

10.10　常见面试题 175

10.11　小结 175

10.12　习题 176

第11章　布局 177

11.1　使用表格 177

11.2　使用div 178

11.2.1　在内容中应用div 179

11.2.2　嵌套div 179

11.2.3　使用浮动样式定义框架 180

11.2.4　制作左右结构的框架 181

11.2.5　制作横向结构的框架 182

11.2.6　制作纵向结构的框架 183

11.3　常见面试题 184

11.4　小结 184

11.5　习题 184

第3篇　CSS样式 186

第12章　连接和定义CSS样式 186

12.1　连接样式表 186

12.1.1　连接外部样式表 186

12.1.2　连接内部样式表 187

12.1.3　连接行内样式表 187

12.2　选择器 188

12.2.1　派生选择器 188

12.2.2　id选择器 190

12.2.3　类选择器 191

12.3　CSS优先权 192

12.4　CSS框架模型 193

12.5　常见面试题 193

12.6　小结 194

12.7　习题 194

第13章　CSS样式基础用法 195

13.1　CSS背景（background） 195

13.1.1　设置背景颜色background-color 195

13.1.2　设置背景图片background-image 196

13.1.3　不同方向重复使用背景图片background-repeat 198

13.1.4　设置固定背景图片background-attachment 200

13.1.5　设置背景图片位置和定位背景图像background-position 201

13.1.6　综合声明背景background 203

13.2　CSS文本 204

13.2.1　设置文本颜色color 205

13.2.2　设置字符间距letter-spacing 205

13.2.3　设置行间距line-height 206

13.2.4　设置文本对齐方式text-align 207

13.2.5　添加文本修饰text-decoration 208

13.2.6　设置文本缩进text-indent 209

13.2.7　控制英文文本text-transform 210

13.2.8 使用禁止文本折行white-space 211

13.2.9 设置字体大小font-size 212

13.2.10 设置字体风格font-family 213

13.3 CSS边框 213

13.3.1 设置边框颜色border-color 214

13.3.2 设置边框样式border-style 214

13.3.3 设置边框宽度border-width 216

13.3.4 设置上边框border-top 217

13.3.5 设置右边框border-right 217

13.3.6 设置下边框border-bottom 218

13.3.7 设置左边框border-left 219

13.3.8 综合声明边框border 219

13.4 CSS外边距 220

13.4.1 设置居中auto 220

13.4.2　设置上外边距margin-top 222

13.4.3　设置右外边距margin-right 223

13.4.4　设置下外边距margin-bottom 224

13.4.5　设置左外边距margin-left 226

13.4.6　综合声明外边距margin 227

13.5　CSS内边距 229

13.5.1　设置上内边距padding-top 229

13.5.2　设置右内边距padding-right 230

13.5.3　设置下内边距padding-bottom 232

13.5.4　设置左内边距padding-left 233

13.5.5 综合声明内边距padding 234

13.6 CSS列表 236

13.6.1 设置列表排序图案list-style-image 236

13.6.2 设置列表排序位置list-style-position 237

13.6.3 设置列表排序图案类型list-style-type 238

13.6.4 设置列表综合属性list-style 241

13.7 常见面试题 242

13.8 小结 243

13.9 习题 243

第14章 CSS伪类和伪元素 244

14.1 超链接〈a〉 244

14.1.1 设置活动状态：link 244

14.1.2 设置已被访问状态：visited 245

14.1.3 设置鼠标经过状态：hover 246

14.1.4　设置鼠标按下状态：active 248

14.2　伪元素 250

14.2.1　添加首字母样式：first-letter 251

14.2.2　添加首行样式：first-line 252

14.3　常见面试题 253

14.4　小结 253

14.5 习题 253

第4篇　网站脚本语言 256

第15章　脚本 256

15.1 定义脚本〈script〉 256

15.2　替换文本〈noscript〉 258

15.3　嵌入对象〈object〉 259

15.4　嵌入对象〈applet〉 260

15.5　常见面试题 260

15.6　小结 260

15.7 习题 260

第16章　事件 261

16.1 一般事件 261

16.1.1　触发载入事件onClick HTML 261

16.1.2 触发卸载事件onDblClick HTML 263

16.2 触发鼠标按钮事件onMouse HTML 264

16.2.1 鼠标按下事件onMouseDown 265

16.2.2 鼠标释放事件onMouseUp 265

16.2.3 鼠标移动事件onMouseMove 266

16.2.4 鼠标经过事件onMouseOver 267

16.2.5 鼠标离开事件onMouseOut 268

16.3 触发键盘事件onKey HTML 268

16.3.1 按下键盘按键onkeydown 268

16.3.2 键盘按键被按下并松开onkeypress 270

16.3.3 键盘按键被松开onkeyup 271

16.4 页面相关事件 272

16.4.1 图片在下载时被用户中断onAbort HTML 272

16.4.2 触发当前页面的内容将要被改变事件onBeforeUnload HTML 273

16.4.3 捕抓当前页面的错误onError HTML 274

16.4.4　触发页面内容完成传送到浏览器事件onLoad HTML 275

16.4.5　触发浏览器的窗口大小被改变事件onResize HTML 276

16.4.6　触发浏览器的滚动条位置发生变化事件onScroll HTML 277

16.4.7　触发当前页面将被改变事件onUnload HTML 278

16.5　表单相关事件 279

16.5.1　触发元素失去焦点事件onBlur HTML 279

16.5.2　触发元素改变事件onChange HTML 280

16.5.3　触发元素获得焦点事件onFocus HTML 281

16.5.4　触发表单被重置事件onReset HTML 282

16.5.5　触发表单被提交事件onSubmit HTML 283

16.6　滚动字幕事件 284

16.6.1　触发内容移动至显示范围之外事件onBounce HTML 284

16.6.2　触发完成需要显示的内容后事件onFinish HTML 285

16.6.3　触发开始显示内容事件onStart HTML 286

16.7　编辑事件 286

16.7.1　触发按下鼠标右键出现菜单事件onContextMenu HTML 287

16.7.2　触发被选择内容被复制后事件onCopy HTML 287

16.7.3　触发被选择内容被剪切时事件onCut HTML 288

16.7.4　触发鼠标拖动时事件onDrag HTML 289

16.7.5　触发失去鼠标移动所形成选择焦点时事件onLoseCapture HTML 290

16.7.6 触发内容被粘贴时事件onPaste HTML 290

16.7.7 触发内容被选择时事件onSelect HTML 291

16.7.8 触发内容选择将开始发生时事件onSelectStart HTML 292

16.8 数据绑定 292

16.9 外部事件 293

16.9.1 触发文档被打印后事件onAfterPrint HTML 293

16.9.2　触发文档即将打印时事件onBeforePrint HTML 294

16.9.3　触发滤镜效果发生变化时事件onFilterChange HTML 295

16.9.4　触发按下F1或者帮助选择时事件onHelp HTML 296

16.9.5　触发对象的属性之一发生变化时事件onPropertyChange HTML 297

16.10　常见面试题 298

16.11　小结 298

16.12　习题 298

第17章　语法和网站代码验证 299

17.1　语法规范 299

17.1.1　属性名称必须小写 299

17.1.2　属性值必须加引号 300

17.1.3　属性不能简写 301

17.2　设置id属性 302

17.3　设置语言属性lang 303

17.4　强制使用的XHTML元素 303

17.5　通过DTD验证 304

17.5.1　严格DTD 304

17.5.2　过渡DTD 305

17.5.3　框架DTD 306

17.6　使用W3C验证器 307

17.7　常见面试题 308

17.8　小结 308

17.9 习题 308

第18章　语言模块和XHTML结构化 309

18.1　模块化的原因 309

18.2　使用XHTML模块 309

18.3　XHTML规则 310

18.4　标记文档 311

18.5　视觉元素和结构 312

18.6　不是每个元素都必须结构化 313

18.7　使用div、id和其他帮手 315

18.8　语义标记和可用性 316

18.9　常见面试题 317

18.10　小结 317

18.11 习题 317

第5篇　网站实际应用 320

第19章　典型实例（一） 320

19.1　制作文本内容效果 320

19.1.1　〈table〉制作文本内容效果 320

19.1.2　div+CSS制作文本内容效果 324

19.2　制作列表效果 329

19.2.1 制作有序新闻列表 329

19.2.2　制作无序新闻列表 333

19.2.3　制作自定义网站地图 334

19.3　制作留言版表单效果 336

19.4　制作图片展示效果 338

19.4.1　table制作图片展示效果 338

19.4.2　div+CSS制作图片展示效果 342

19.5　制作图片滚动效果 344

19.5.1　制作左右滚动 344

19.5.2　制作上下滚动 347

19.6　制作文字滚动效果 350

19.6.1　制作左右滚动 350

19.6.2　制作上下滚动 353

19.7　小结 356

第20章　典型实例（二） 357

20.1　制作导航条 357

20.1.1　制作横向导航条 357

20.1.2　制作纵向导航条 362

20.2　制作下拉菜单 366

20.2.1　制作横向下拉菜单 367

20.2.2　制作纵向下拉菜单 374

20.3　CSS制作小三角形菜单 379

20.4　div制作居中效果 383

20.4.1　制作div水平居中 383

20.4.2　制作div垂直居中 385

20.5　制作漂亮搜索引擎 386

20.6　CSS制作图片浏览器 389

20.7　使用JavaScript小程序 392

20.7.1　显示时间效果 393

20.7.2　鼠标跟随字体效果 394

20.8　小结 396

第21章　整合网站 397

21.1　使用table整合网站 397

21.1.1 “关于我们”页面 397

21.1.2 “产品展示”页面 400

21.1.3 “留言版”页面 403

21.1.4 “联系我们”页面 406

21.2　使用div+CSS整合网站 408

21.2.1 “关于我们”页面 409

21.2.2 “产品展示”页面 412

21.2.3 “新闻动态”页面 414

21.2.4 “留言版”页面 416

21.2.5 “联系我们”页面 418

21.3　小结 421