HTML+CSS网页开发技术精解PDF电子书下载

第1篇 HTML篇 2

第1章 网页标识语言HTML基础 2

1.1 HTML语言概述 3

1.1.1认识HTML语言 3

1.1.2 HTML语言的发展历史 3

1.2 HTML文件的基本结构 4

1.2.1 HTML文件结构 4

1.2.2编写HTML文件的注意事项 4

1.3编写简单的HTML实例 5

1.3.1使用记事本手工编写HTML页面 5

1.3.2使用Dreamweaver辅助编写HTML页面 6

1.4课后习题 7

第2章 页面基本元素 8

2.1页面头部元素〈head〉 9

2.2页面标题元素〈title〉 9

2.3元信息元素〈meta〉 10

2.3.1元信息元素名称属性name、 content 10

2.3.2元信息元素的附加属性http-equiv 11

2.3.3设置页面关键字 12

2.3.4设置页面说明 12

2.3.5定义页面的跳转 13

2.3.6定义页面的作者信息 14

2.3.7定义页面的版权信息 14

2.4页面主体元素〈body〉 15

2.4.1主体元素的背景颜色属性bgcolor 15

2.4.2主体元素的背景图片属性background 16

2.4.3主体元素的文本属性text 16

2.4.4未访问过的链接属性link 17

2.4.5激活的链接属性alink 19

2.4.6已访问过的链接属性vlink 19

2.4.7 IE浏览器中的左边界属性leftmargin 20

2.4.8 IE浏览器中的上边界属性topmargin 21

2.4.9主体元素的背景图片滚动属性bgproperties 21

2.5创建样式元素〈style〉 23

2.6脚本元素〈script〉 24

2.7课后习题 25

第3查 网页文本与段落信息组织 26

3.1文本基本标记 28

3.1.1字体属性face 28

3.1.2字号属性size 29

3.1.3颜色属性 color 30

3.2标题元素〈H1~H6〉 31

3.3段落元素〈p〉 32

3.4文本的间隔和布局 33

3.4.1换行元素〈br〉 33

3.4.2缩进元素〈blockquote〉 34

3.4.3保留格式元素〈pre〉 35

3.4.4取消换行元素〈nobr〉 36

3.4.5引用元素〈q〉 37

3.5水平分隔线元素〈hr〉 38

3.5.1粗细属性size 38

3.5.2阴影属性noshade 39

3.5.3宽度属性width 40

3.5.4对齐属性align 41

3.5.5颜色属性color 42

3.6文本的样式设置 43

3.6.1放大元素〈big〉 43

3.6.2缩小元素〈small〉 44

3.6.3斜体显示元素〈i〉、〈em〉和〈cite〉 45

3.6.4加粗的强调元素〈strong〉和〈b〉 46

3.6.5下标元素〈sub〉 47

3.6.6上标元素〈sup〉 47

3.7课后习题 49

第4章 列表的建立和使用 50

4.1使用无序列表 51

4.1.1无序列表标记ul 51

4.1.2无序列表的类型type 52

4.1.3菜单列表标记menu 53

4.1.4目录列表dir 54

4.2使用有序列表 55

4.2.1有序列表标记ol 56

4.2.2有序列表的类型type 56

4.2.3有序列表的起始数值start 58

4.3列表条目元素〈li〉 59

4.3.1项目符号的类型属性type 59

4.3.2条目编号属性value 60

4.4定义列表元素〈dl〉 61

4.5课后习题 62

第5章 网页图像和多媒体信息组织 64

5.1图像元素〈img〉 65

5.1.1图像元素的路径属性src 65

5.1.2代替图片的文本属性alt 66

5.1.3图像元素的宽度、高度属性width、 height 67

5.1.4图像元素的边框属性border 68

5.1.5图像元素的对齐属性align 69

5.1.6图像元素的垂直边距属性vspace 71

5.1.7图像元素的水平边距属性hspace 72

5.2使用背景音乐 73

5.2.1背景音乐的路径属性src 73

5.2.2背景音乐的重复属性loop 74

5.3滚动标签marquee 75

5.3.1滚动标记marquee 75

5.3.2滚动方向direction 76

5.3.3滚动方式behavior 77

5.3.4滚动次数loop 78

5.3.5滚动速度scrollamount 79

5.3.6滚动延迟scrolldela 80

5.3.7滚动区域的背景颜色bgcolor 81

5.3.8滚动背景宽度width和高度height 82

5.3.9设置空白空间hspace、 vspa 83

5.4多媒体标签 84

5.5课后习题 85

第6章 超链接的建立 86

6.1超链接基础 87

6.2链接元素〈a〉 87

6.2.1指定路径属性href 87

6.2.2显示链接目标属性target 88

6.3设置不同的链接目标 88

6.3.1设置页面内部的特定目标的链接 88

6.3.2设置图片的超链接 91

6.3.3设置电子邮件链接 91

6.4图像热区链接 92

6.5课后习题 93

第7章 用表格排列组织网页元素 95

7.1表格元素的结构 96

7.1.1表格〈table〉 96

7.1.2行〈tr〉 97

7.1.3单元格〈td〉 97

7.2 〈table〉元素的属性 98

7.2.1边框属性border 98

7.2.2水平对齐属性align 100

7.2.3高度属性height 101

7.2.4宽度属性width 102

7.2.5边框颜色属性bordercolor 103

7.2.6边框亮边线属性bordercolorlight 104

7.2.7边框暗边线属性bordercolordark 105

7.2.8背景颜色属性bgcolor 106

7.2.9背景图片属性background 107

7.2.10单元格间距属性cellspacing 108

7.2.11单元格补白属性cellspadding 109

7.3 〈tr〉元素的属性 110

7.3.1水平对齐属性align 110

7.3.2垂直对齐属性valign 111

7.3.3背景颜色属性bgcolor 112

7.3.4边框颜色属性bordercolor 113

7.3.5边框暗边线属性bordercolordark 114

7.3.6边框亮边线属性bordercolorlight 115

7.4 〈td〉元素的属性 116

7.4.1宽度属性width 116

7.4.2高度属性height 117

7.4.3背景颜色属性bgcolor 118

7.4.4背景图片属性background 119

7.4.5水平对齐属性align 120

7.4.6垂直对齐属性valign 121

7.4.7边框颜色属性bordercolor 122

7.4.8合并列属性colspan 123

7.4.9合并行属性rowspan 124

7.5表格中使用的其他元素 125

7.5.1表格标题元素〈caption〉 126

7.5.2表格头行元素〈thead〉 127

7.5.3表主体元素〈tbody〉 129

7.5.4表格行尾元素〈tfoot〉 130

7.6课后习题 132

第8章 用表单创建交互式网页 133

8.1表单元素form 134

8.1.1处理动作action 134

8.1.2表单名称name 134

8.1.3传送方法method 135

8.1.4编码方式enctype 136

8.1.5目标显示方式target 137

8.2表单控件〈input〉 138

8.2.1文字字段text 138

8.2.2密码域password 140

8.2.3单选按钮radio 141

8.2.4复选框checkbox 142

8.2.5普通按钮button 143

8.2.6提交按钮submit 145

8.2.7重置按钮reset 146

8.2.8图像域image 147

8.2.9隐藏域hidden 148

8.2.10文件域file 149

8.3选择列表条目元素〈option〉 151

8.4选择列表元素〈select〉 152

8.4.1高度属性size 152

8.4.2多项选择属性multiple 154

8.5文本区域元素〈textarea〉 155

8.6课后习题 156

第9章 创建框架结构网页 158

9.1框架简介 159

9.2框架集元素〈frameset〉 159

9.2.1水平分割窗口rows 159

9.2.2垂直分割窗口cols 160

9.2.3边框属性frameborder 161

9.2.4边框宽度framespacing 162

9.2.5边框颜色bordereolor 163

9.3框架内容元素〈frame〉 164

9.3.1框架页面源文件src 164

9.3.2框架名称name 165

9.3.3框架窗口的尺寸noresize 166

9.3.4框架边框与页面内容的水平边距marginwidth 167

9.3.5框架边框与页面内容的垂直边距marginheight 168

9.3.6设置框架滚动条scrolling 169

9.3.7不支持框架标记noframes 171

9.4浮动框架元素〈iframe〉 171

9.4.1浮动框架的页面源文件src 172

9.4.2浮动框架的宽度width和高度height 172

9.4.3浮动框架对齐方式align 173

9.4.4框架边框与页面内容的水平边距marginwidth 174

9.4.5框架边框与页面内容的垂直边距marginheight 175

9.4.6设置浮动框架是否显示滚动条scrolling 175

9.4.7浮动框架的边框frameborder 176

9.5课后习题 177

第2篇 CSS基础篇 180

第10章 （X）HTML与CSS概述 180

10.1 HTML与XHTML 181

10.1.1什么是XHTML 181

10.1.2 DOCTYPE声明 181

10.1.3 XHTML与HTML的重要区别 182

10.2何谓Web标准 184

10.3 （X）HTML与CSS 184

10.3.1 CSS标准 184

10.3.2传统HTML的缺点 185

10.3.3如何编辑CSS 186

10.4课后习题 187

第11章 CSS语言基础 188

11.1 CSS基本语法 189

11.2基本CSS选择器 189

11.2.1标签选择器 189

11.2.2类选择器 190

11.2.3 ID选择器 191

11.3在HTML中添加CSS的方法 193

11.3.1在标签中加入样式 193

11.3.2在HTML文档中植入CSS样式 194

11.3.3链接外部样式 194

11.3.4导入样式 195

11.3.5在脚本内添加CSS样式 195

11.4课后习题 196

第12章 用CSS设置文本样式 197

12.1文字样式的设置 198

12.1.1字体font-family 198

12.1.2字号font-size 198

12.1.3文字倾斜效果font-style 200

12.1.4文字加粗font-weight 201

12.1.5字体变体font-variant 202

12.2文本的排版 203

12.2.1调整字母间距letter-spacing 204

12.2.2调整单词间距word-spacing 205

12.2.3添加文字修饰text-decoration 206

12.2.4设置文本排列方式text-align 207

12.2.5设置段落缩进text-indent 208

12.2.6调整行高line-height 209

12.2.7转换英文大小写text-transform 210

12.2.8垂直对齐属性vertical-align 211

12.3课后习题 212

第13章 用CSS设置网页图片和背景 214

13.1设置图片边框 215

13.1.1基本属性 215

13.1.2设置不同的边框样式 216

13.2图片缩放 217

13.3图文混排 219

13.3.1文字环绕 219

13.3.2设置图片与文字的间距 220

13.4设置网页的背景 221

13.4.1背景颜色background-color 221

13.4.2背景图像background-image 222

13.5设置背景图像的属性 224

13.5.1背景图片重复background-repeat 224

13.5.2背景图片滚动属性background-attachment 225

13.5.3背景图片定位background-position 226

13.6课后习题 227

第14章 CSS中的滤镜 229

14.1不透明度alpha 230

14.2动感模糊blur 232

14.3对颜色进行透明处理chroma 233

14.4设置阴影dropShadow 235

14.5对象的翻转flipH、flipH 236

14.6发光效果glow 237

14.7灰度处理gray 238

14.8反相invert 239

14.9 X光片效果xray 240

14.10波形滤镜wave 242

14.11课后习题 243

第15章 用CSS设置表格和表单样式 244

15.1控制表格元素的显示 245

15.1.1边框合并属性border-collapse 245

15.1.2表格边框间距属性border-spacing 246

15.1.3表格标题位置属性caption-side 247

15.1.4表格布局属性table-layout 248

15.2美化表格 249

15.2.1隔行换色的斑马纹表格 250

15.2.2通过mouse事件制作变色的单元格 251

15.3 CSS与表单 252

15.3.1表单中的元素 252

15.3.2改变按钮的背景颜色和文字颜色 253

15.3.3用dl、 dd、 dt替换table实现表单布局 254

15.3.4设计文本框的样式 255

15.3.5改变下拉菜单颜色 256

15.4课后习题 258

第16章 用CSS设置链接与导航菜单 259

16.1链接标签 260

16.2创建按钮式超链接 261

16.3控制鼠标指针 262

16.4设置项目列表样式 263

16.4.1列表符号类型list-style-type 263

16.4.2列表符号的混用 265

16.4.3列表图像属性list-style-image 267

16.4.4标签位置属性list-style-position 268

16.4.5列表综合属性list-style 269

16.5创建简单的导航菜单 270

16.5.1简单的竖直排列菜单 270

16.5.2横竖自由转换菜单 272

16.6鼠标指针移上时图片渐变的效果 273

16.7课后习题 274

第3篇 CCS布局篇 278

第17章 CSS盒子模型 278

17.1“盒子”与“模型”的概念 279

17.2边框border 280

17.2.1边框宽度border-width 280

17.2.2边框颜色border-color 281

17.2.3边框样式border-style 282

17.3设置内边距padding 284

17.3.1顶部属性padding-top 284

17.3.2右侧属性padding-right 285

17.3.3底部属性padding-bottom 286

17.3.4左侧属性padding-left 287

17.4设置外边距margin 288

17.4.1顶部边界属性margin-top 288

17.4.2右侧边界属性margin-right 289

17.4.3底部边界属性margin-bottom 290

17.4.4左侧边界属性margin-left 291

17.5课后习题 292

第18章 盒子的浮动与字位 293

18.1盒子的浮动 294

18.1.1元素的浮动属性float 294

18.1.2清除浮动属性clear 298

18.2元素的定位 299

18.2.1元素的定位属性position 299

18.2.2上边偏移属性top、下边偏移属性bottom 300

18.2.3左边偏移属性letr、右边偏移属性right 302

18.3盒子的定位 303

18.3.1绝对定位（absolute） 303

18.3.2固定定位（fixed） 306

18.3.3相对定位（relative） 308

18.3.4静态定位（static） 309

18.4 z-index空间位置 310

18.5课后习题 312

第19章 CSS+DIV布局方法 314

19.1 CSS布局理念 315

19.1.1将页面用DIV分块 315

19.1.2设计各块的位置 315

19.1.3用CSS定位 316

19.2固定宽度布局 317

19.2.1两列布局 318

19.2.2三列布局 319

19.2.3多列布局 321

19.3圆角框 322

19.4变宽度网页布局制作 324

19.5课后习题 327

第4篇 JavaScript篇 330

第20章 JavaScript基础 330

20.1 JavaScript起步 332

20.1.1 JavaScript简介 332

20.1.2 JavaScript实例 333

20.1.3 JavaScript放置位 334

20.2 JavaScript程序 335

20.2.1语句和语句块 335

20.2.2函数 339

20.2.3常用系统函数 340

20.2.4消息对话框 343

20.2.5注释 344

20.3标识符和变量 344

20.3.1关于命名的规定 344

20.3.2 JavaScript的数据类型 345

20.3.3变量 346

20.3.4转义字符 347

20.4运算符和表达式 348

20.4.1算术运算符和表达式 348

20.4.2赋值运算符和表达式 350

20.4.3关系运算符和表达式 350

20.4.4逻辑运算符和表达式 351

20.4.5条件运算符和表达式 352

20.5对象 353

20.5.1对象属性的使用 353

20.5.2对象方法的使用 354

20.5.3浏览器的内部对象 354

20.6事件编程 357

20.6.1事件简介 357

20.6.2 onFocus事件 358

20.6.3鼠标事件 359

20.6.4单击事件 360

20.6.5页面载入和离开 360

20.7课后习题 361

第5篇 综合案例篇 364

第21章 网站页面制作绘合案例 364

21.1案例概述 365

21.2内容分析 366

21.3 HTML结构设计 366

21.4页面方案设计 368

21.5定义页面的整体样式 370

21.6制作页面头部 372

21.6.1制作页面头部的结构 372

21.6.2定义页面头部的样式 372

21.7制作左侧导航 374

21.7.1制作左侧导航部分的结构 374

21.7.2定义左侧导航的样式 375

21.8制作“联系我们”部分 376

21.8.1制作“联系我们”部分的结构 376

21.8.2定义“联系我们”内容的样式 376

21.9制作“公司介绍”部分 377

21.9.1制作“公司介绍”部分结构 377

21.9.2定义“公司介绍”部分的样式 378

21.10制作“图片展示”和“新闻动态” 379

21.10.1制作页面结构 379

21.10.2定义页面样式 379

21.11制作“酒店订购”部分 380

21.11.1制作页面结构 380

21.11.2定义页面样式 381

21.12制作底部版权部分 381

21.13课后习题 382

附录A HTML标签索引表 383

附录B CSS常用样式速查表 388

附录C JavaScript语法手册 393

附录D 课后习题答案 400