HTML XHTML CSS网页制作从入门到精通PDF电子书下载

第1章 从零开始认识HTML 2

1.1 HTML的基本概念 2

1.2 HTML文件的基本结构 2

1.2.1 HTML文件结构 2

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

1.3编写简单的HTML实例 3

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

1.3.2使用Dreamweaver编写HTML页面 4

1.4运行并浏览HTML文件 5

1.4.1查看页面效果 5

1.4.2查看源文件 5

第2章 HTML文件基本标记 7

2.1头部标记head 7

2.2标题标记title 7

2.3元信息标记meta 8

2.3.1定义页面关键字 8

2.3.2定义页面描述 9

2.3.3定义编辑工具 9

2.3.4定义作者信息 10

2.5限制搜索方式 10

2.3.6定义网页文字及语言 11

2.3.7定义网页的定时跳转 11

2.3.8定义网页的过渡效果 13

2.4页面主体标记body 14

2.4.1定义网页背景色bgcolor 14

2.4.2设置背景图片background 15

2.43设置文字颜色text 16

2.4.4设置链接文字属性link 16

2.4.5设置边距margin 19

2.5页面注释标记＜!？＞ 20

2.6实例演练——创建基本的HTML网页 21

第3章 设计网页文本内容 23

3.1设置文字格式 23

3.1.1设置文字大小 23

3.1.2设置标题 24

3.1.3设置字体 25

3.1.4设置文字的颜色 26

3.1.5加大与缩小 27

3.1.6粗体与斜体 29

3.1.7上标与下标 30

3.1.8删除线与下划线 31

3.1.9设置等宽字体 33

3.2设置段落格式 34

3.2.1简单换行 34

3.2.2开始一个新段落 35

3.2.3文字居左、居中与居右 35

3.2.4设置段落的文字方向 36

3.2.5水平线 37

3.2.6不换行 38

3.2.7预定义格式 39

3.2.8长引用 40

3.2.9短引用 41

3.3设置滚动效果 42

3.3.1滚动标记marquee 42

3.3.2滚动方向direction 43

3.3.3滚动方式behavior 43

3.3.4滚动次数loop 44

3.3.5滚动速度scrollamount 46

3.3.6滚动延迟scrolldelay 46

3.3.7滚动区域的背景颜色bgcolor 47

3.3.8滚动背景宽度和高度width、height 48

3.3.9设置空白空间hspace、vspace 49

3.4实例演练——设置网页文本及段落 50

第4章 使用列表 53

4.1使用无序列表 53

4.1.1无序列表标记u1. 53

4.1.2设置无序列表的类型type 54

4.1.3定义列表标记dl 55

4.1.4菜单列表标记menu 56

4.1.5目录列表dir 57

4.2使用有序列表 58

4.2.1有序列表标记o1. 58

4.2.2有序列表的类型type 59

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

4.3使用嵌套列表 61

4.3.1定义列表的嵌套 61

4.3.2无序列表和有序列表的嵌套 62

4.4实例演练——在网页中添加各种列表 63

第5章 使用图像和多媒体 67

5.1在网页中使用图像 67

5.1.1图像标记img 67

5.1.2设置图像高度height 68

5.1.3设置图像宽度width 69

5.1.4设置图像的边框border 70

5.1.5设置图像水平间距hspace 71

5.1.6设置图像垂直间距vspace 72

5.1.7设置图像的对齐方式align 73

5.1.8设置图像的提示文字alt 74

5.2添加背景音乐 75

5.2.1设置背景音乐bgsound 75

5.2.2设置循环播放次数loop 76

5.3添加多媒体文件 77

5.3.1添加多媒体文件标记embed 77

5.3.2设置自动运行autostart 77

5.3.3设置循环播放loop 78

5.3.4隐藏面板hidden 79

5.4添加其他类型的媒体文件 80

5.4.1插入Flash动画 80

5.4.2插入MP3音乐 80

5.4.3插入ASF视频 81

5.4.4插入Java Applet 82

5.5实例演练——创建丰富多彩的图像和多媒体网页 83

第6章 使用超链接 85

6.1超链接基本知识 85

6.2创建基本超链接 86

6.2.1超链接标记 86

6.2.2设置超链接的目标窗口 87

6.3创建锚点链接 88

6.3.1创建锚点 88

6.3.2链接到同一页面的锚点 89

6.3.3链接到不同页面的锚点 90

6.4创建其他超链接 91

6.4.1链接到外部网站 91

6.4.2创建E-mail链接 92

6.4.3创建Telnet链接 93

6.4.4创建下载文件链接 93

64.5创建脚本链接 94

64.6创建空链接 95

6.5实例演练——在网页中添加各种链接 95

第7章 使用表格显示数据 99

7.1创建表格 99

7.1.1表格的基本构成table、tr、td 99

7.1.2设置表格的标题caption 100

7.1.3表格的表头th 101

7.2设置表格基本属性 102

7.2.1设置表格宽度width 102

7.2.2设置表格高度height 103

7.2.3设置表格对齐方式align 104

7.3设置表格的边框 105

7.3.1表格边框宽度border 105

7.3.2表格边框颜色bordercolor 106

7.3.3内框宽度cellspacing 107

7.3.4表格内文字与边框间距cellpadding 108

7.4设置表格背景 110

7.4.1设置表格背景颜色bgcolor 110

7.4.2设置表格的背景图像 111

7.5设置表格的行属性 111

7.5.1高度的控制height 112

7.5.2边框颜色bordercolor 113

7.5.3行背景bgcolor、background 114

7.5.4行文字的水平对齐方式align 115

7.5.5行文字的垂直对齐方式valign 116

7.6调整单元格属性 117

7.6.1单元格大小width、height 117

7.6.2水平跨度colspan 118

7.6.3垂直跨度rowspan 119

7.6.4对齐方式align、valign 120

7.6.5设置单元格的背景色 121

7.6.6设置单元格的边框颜色bordercolor 122

7.6.7设置单元格的亮边框bordercolorlight 123

7.6.8设置单元格的暗边框bordercolordark 124

7.6.9设置单元格的背景图像background 125

7.7表格的结构 126

7.7.1表格的表首标记＜thead＞ 126

7.7.2表格的表主体标记＜tbody＞ 127

7.7.3表格的表尾标记＜tfoot＞ 128

7.8实例演练——使用表格列举产品信息 129

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

8.1使用表单标记form 133

8.1.1处理动作action 133

8.1.2表单名称name 134

8.1.3传送方法method 134

8.1.4编码方式enctype 135

8.1.5目标显示方式target 135

8.2插入表单对象 136

8.2.1文字字段text 136

8.2.2密码域password 137

8.2.3单选按钮radio 138

8.2.4复选框checkbox 139

8.2.5普通按钮button 140

8.2.6提交按钮submit 141

8.2.7重置按钮reset 142

8.2.8图像域image 143

8.2.9隐藏域hidden 144

8.2.10文件域file 144

8.3列表／菜单 145

8.3.1下拉菜单 145

8.2列表项 146

8.4文本域标记textarea 148

8.5 id标记 149

8.6实例演练——创建提交表单网页 149

9.1框架简介 155

9.2设置框架集frameset 155

9.2.1水平分割窗口rows 155

92.2垂直分割窗口cols 156

9.2.3嵌套分割窗口 157

9.2.4框架集边框frameborder 158

9.2.5框架集的边框宽度mamespacing 159

9.2.6框架集的边框颜色bordercolor 160

9.3设置框架frame 161

9.3.1框架页面源文件src 161

9.3.2框架名称name 162

9.3.3调整框架窗口的尺寸noresize 163

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

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

9.3.6设置框架滚动条scrolling 165

9.3.7不支持框架标记noframes 166

94浮动框架iframe 167

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

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

9.4.3浮动框架对齐方式align 169

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

9.框架边框与页面内容的垂直边距 marginheight 171

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

9.4.7 浮动框架的边框frameborder 174

9.5设置框架中的链接 175

9.5.1设置普通框架结构的链接 175

9.5.2设置浮动框架的链接 179

第10章 使用XHTML 182

10.1 XHTML简介 182

10.1.1什么是XHTML 182

10.1.2为什么要升级到XHTML 182

10.2 XHTML页面结构 183

102.1文档类型声明 183

10.2 ＜html＞元素和名字空间 183

10.2.3网页头部元素 183

10.2.4页面标题元素 184

10.2.5页面主体元素 184

10.3 XHTML语法规范 184

10.3.1 XHTML元素必须是完全嵌套的 184

10.3.2 XHTML文档格式必须规范 185

10.3.3标签名必须是小写的 185

10.3.4所有的XHTML元素都必须有始有终 186

10.3.5用id属性代替name属性 186

10.3.6 DOCTYPE声明是不可缺少的 186

10.3.7属性必须加上英文双引号 187

10.3.8明确所有属性的值 187

10.4在Dreamweaver中编辑XHTML文件 187

10.5将现有的HTML网站转换成XHTML 188

第11章 CSS语法基础 192

11.1 CSS的基本语法结构 192

11.2在网页中添加CSS的方法 192

11.2.1链接外部样式表 193

11.2.2内部样式表 193

11.2.3导入外部样式表 193

11.2.4内嵌样式 194

11.3在Dreamweaver中编写CSS 194

11.4字体属性 196

114.1字体font-family 196

11.4.2字号font-size 197

11.4.3字体风格font-style 198

11.4.4加粗字体font-weight 199

11.4.5变体属性font-variant 200

11.4.6文字修饰text-decoration 201

11.4.7字体复合属性font 202

11.5文本属性 203

11.5.1单词间隔word-spacing 203

11.5.2字母间隔letter-spacing 204

11.5.3水平对齐text-align 205

11.5.4垂直对齐vertical-align 206

11.5.5大小写转换text-transform 207

11.5.6文本缩进text-indent 208

11.5.7文本行高line-height 209

11.5.8文本空格white-space 210

11.5.9文本反排unicode-bidi与direction 211

1.unicode-bidi属性 211

2.direction属性 211

11.6边框属性 212

11.6.1边框样式border-style 212

11.6.2边框宽度border-width 214

11.6.3边框颜色border-color 215

11.6.4边框复合属性border 216

11.7列表属性 217

11.7.1列表类型list-style-type 217

11.7.2项目符号图像list-style-image 218

11.7.3列表位置list-style-position 220

11.7.4列表复合属性list-style 221

11.8定位属性 222

11.8.1定位类型position 222

11.8.2置入位置top、 right、 bottom、 left 222

11.8.3层叠顺序z-index 224

11.84浮动属性float 225

11.85清除属性clear 226

11.86裁切区域clip 227

11.8 7宽度和高度width、 height 228

11.8溢出overflow 230

11.8.9显示属性visibility 232

11.9边界与填充属性 234

11.9.1上边界margin-top 234

11.9.2其他边界margin-bottom、margin-left、margin-right 235

11.9.3边界复合属性margin 236

11.9.4上填充padding-top 237

11.9.5其他填充padding-bottom、 padding-right、padding-left 238

11.9.6填充复合属性padding 239

11.10背景属性 240

11.10.1背景颜色background-color 241

11.10.2背景图像background-image 242

11.10.3背景重复background-repeat 243

11.10.4背景附件background-attachment 245

11.10.5背景位置background-position 245

11.10.6背景复合属性background 247

11.11光标属性cursor 248

11.12扩展滤镜属性 249

11.12.1不透明度alpha 249

11.12.2动感模糊blur 251

11.12.3对颜色进行透明处理chroma 252

11.12.4阴影效果dropShadow 254

11.12.5对象的翻转flipH、flipV 255

11.12.6发光效果glow 256

11.12.7灰度处理gray 257

11.18反相invert 258

11.12.9 X光片效果xray 259

11.12.10遮罩效果mask 260

11.12.11波形滤镜wave 261

11.13实例演练——利用CSS控制网页中的文本 262

第12章 使用CSS+DIV布局网页 267

12.1 Web标准与CSS布局 267

12.1.1什么是Web标准 267

1.结构（Structure） 267

2.表现（Presentation） 267

3.行为（Behavior） 267

12.1.2 CSS布局的优势 268

12.2常见的布局类型 268

12.2.1一列固定宽度 268

12.2.2一列自适应 269

12.2.3两列固定宽度 270

12.24两列宽度自适应 270

12.2.5两列右列宽度自适应 271

12.2.6三列浮动中间宽度自适应 272

12.2.7三行二列居中高度自适应布局 273

第13章 个人博客网站布局 277

13.1博客网站概述 277

13.2博客网站主页布局设计 278

13.3博客网站主页具体制作过程 278

13.3.1导入外部CSS 278

13.3.2制作网页头部分 280

13.3.3制作页面内容部分 282

13.3.4制作页面页脚部分 290

第14章 公司宣传网站的布局 293

14.1企业网站设计分析 293

14.1.1企业网站内容设计 293

14.1.2排版构架 294

14 2各部分设计 295

14.2.1 Logo与顶部导航 295

14.2.2左侧导航 297

14.2.3主体内容 299

14.2.4制作搜索部分 303

14.2.5制作公司新闻 304

14.2.6制作联系我们 304

14.2.7底部版权信息 305

附录 网页制作常见问题解答 307

1.“网页”与“HTML页面”之间以及它们与“主页”和“网站”之间的区别是什么 307

2.为什么Internet上的有些网页开头并没有使用＜html＞标记 307

3.如何制作每隔一定的时间自动刷新本页面 307

4.如何解决有时候在HTML文档中用＜p＞标记换行时与上一行的距离相隔很远的问题 307

5.如何让站点自动跳转到另一页 307

6.怎样将水平线的颜色设置为红色 307

7.如何实现图像从右往左滚动的效果 308

8.怎样提高站点在搜索引擎中被搜索到的机会 308

9.如何避免自己的图片被其他站点利用 308

10.如何为图像添加边框 308

11.如何正确使用图片格式 309

12.放在＜img＞标记的“alt=”后面的信息应多长 309

13.为什么在HTML文档中使用了＜img＞标记，但浏览网页时只看到一个包含“x”的小框 309

14.如何为网页添加背景音乐 309

15.如何在一个站点不同页面间播放同一种声音文件 309

16.如何利用Applet实现翻书动画效果 310

17.如何为文字链接加上文字提示 311

18.如何跳到页面的顶部 311

19.如何防止站点页面被任意链接 311

20.如何让字符不会撑大表格 311

21.设置表格的宽度时，单位选择“像素”或“百分比”有什么区别呢 312

22.为什么表格里的背景不能预览 312

23.为什么有时候表格高度为1时不起作用 312

24.为什么有时候制作一个大表格，加载这个网页时，很长时间都没有任何显示 313

25.如何使网页的表格有一个单元格是可以改变的，而其他单元格保持不变 313

26.如何使鼠标指针经过单元格时改变颜色 313

27.如何避免表单撑开表格 314

28.如何使用脚本来处理表单，何时使用Email，根据什么来选择 314

29.如何清除页面中的框架结构 314

30.div标记与span标记有什么区别 314

31.如何去除浏览器的“滚动条” 315

32.如何让浏览器正确显示Word文件格式 315

33.为什么页面四周有空白 315

34.如何使用Css样式固定字体大小及文本间行距 315

35.如何设置文字与文字之间的间距 315

36.如何去掉链接的下划线 316

37.如何正确对齐文本 316

38.如何解决超链接访问过后hover样式不出现的问题 316

39.如何改变鼠标指针的形状 316

40.如何给某部分内容加边框 317

41.如何让文本垂直居中 317

42.如何让div横向排列 318

43.如何让背景不随文字的移动而移动 318

44.如何解决list-style-image无法准确定位的问题 319

45.为什么无法定义lpx左右高度的容器 319

46.怎样使一个层垂直居中于浏览器中 319

47.如何设置滚动条的颜色 319

48.如何在网页中给文字添加光晕效果 320

49.如何制作图像波浪效果 321

50.如何制作当光标移上时图片渐变的效果 321

51.如果网页链接了一个样式表，样式表指定所有文本为绿色，但在网页的某处有一个span style=″font-colorred″＞标记，则这个标记内的文本将是绿色还是红色 322

52.在一些样式表中，样式规则定义以“#”开始，这是什么，可以在样式表中使用吗 322