跟我学HTML+CSSPDF电子书下载

第1章 HTML的基本概念 1

1.1 什么是HTML 2

1.2 HTML的发展历史 2

1.3 一个简单的HTML示例 3

1.4 HTML与网页的关系 4

1.5 用什么来编写和开发HTML 5

1.5.1 标题栏 5

1.5.2 插入栏 5

1.5.3 文档工具栏 6

1.5.4 实例练习 6

1.6 本章习题 8

第2章 HTML的语法基础 9

2.1 HTML页面结构 10

2.2 元素和属性的写法 12

2.2.1 元素的书写格式 12

2.2.2 元素属性的书写格式 12

2.2.3 HTML的语法规范 14

2.3 文档类型 16

2.3.1 什么是文档类型 16

2.3.2 选择什么样的DOCTYPE 16

2.4 什么是名字空间 17

2.5 本章习题 18

第3章 页面基本元素 19

3.1 页面基础元素〈html〉 20

3.1.1 文本显示方向属性dir 20

3.1.2 指定语言属性lang 22

3.2 页面头部元素〈head〉 23

3.3 页面标题元素〈title〉 23

3.4 元信息元素〈meta〉 24

3.4.1 元信息元素名称属性name 25

3.4.2 元信息元素的值content 25

3.4.3 元信息元素的附加属性http-equiv 26

3.4.4 设置页面关键字 26

3.4.5 设置页面主要内容 27

3.4.6 定义页面的搜索方式 27

3.4.7 定义页面的跳转 28

3.4.8 定义页面的作者信息 29

3.4.9 定义页面的版权信息 30

3.4.10 定义页面的刷新时间 30

3.5 基本设置元素〈base〉 31

3.6 创建样式元素〈style〉 32

3.6.1 类型属性type 33

3.6.2 类型属性media 34

3.7 链接元素〈link〉 35

3.7.1 指定链接路径属性href 36

3.7.2 链接的类型属性type 36

3.7.3 源文档与目标文档关系属性rel、rev 37

3.7.4 链接样式文件 38

3.7.5 制作收藏夹图标 39

3.8 脚本元素〈script〉 40

3.8.1 脚本的语言属性language 41

3.8.2 脚本的类型属性type 42

3.8.3 推迟执行属性defer 42

3.8.4 脚本的链接属性src 42

3.9 页面主体元素〈body〉 43

3.9.1 主体元素的背景属性bgcolor 45

3.9.2 主体元素的背景图片属性background 46

3.9.3 主体元素的背景图片滚动属性bgproperties 47

3.9.4 主体元素的文本属性text 49

3.9.5 IE浏览器中的左边界属性leftmargin 49

3.9.6 IE浏览器中的上边界属性topmargin 50

3.9.7 未访问过的链接属性link 51

3.9.8 已访问过的链接属性vlink 52

3.9.9 激活的链接属性alink 53

3.9.10 主体元素中使用样式属性style 54

3.9.11 主体元素中调用样式属性class 55

3.10 使用背景音乐 55

3.10.1 IE浏览器中添加背景音乐元素〈bgsound〉 56

3.10.2 背景音乐的路径属性src 56

3.10.3 背景音乐的重复属性loop 57

3.11 本章习题 57

第4章 文本和段落元素 59

4.1 层元素〈div〉 60

4.1.1 标记属性id 61

4.1.2 调用样式属性class 62

4.1.3 创建样式属性style 63

4.1.4 对齐属性align 64

4.1.5 取消自动换行属性nowrap 66

4.1.6 标题属性title 66

4.2 标题元素 67

4.3 段落元素〈p〉 69

4.4 文本的间隔和布局 70

4.4.1 换行元素〈br〉 70

4.4.2 缩进元素〈blockquote〉 72

4.4.3 保留格式元素〈pre〉 72

4.4.4 取消换行元素〈nobr〉 73

4.4.5 引用元素〈q〉 74

4.4.6 地址元素〈address〉 75

4.5 水平分隔线元素〈hr〉 76

4.5.1 高度属性size 77

4.5.2 样式属性noshade 78

4.5.3 宽度属性width 79

4.5.4 对齐属性align 79

4.5.5 颜色属性color 80

4.6 基于物理样式的文本元素 81

4.6.1 加粗元素〈b〉 81

4.6.2 放大元素〈big〉 81

4.6.3 缩小元素〈small〉 82

4.6.4 斜体显示元素〈i〉 83

4.6.5 下标元素〈sub〉 83

4.6.6 上标元素〈sup〉 85

4.7 基于内容的文本元素 85

4.7.1 强调元素〈em〉 86

4.7.2 加粗的强调元素〈strong〉 86

4.7.3 提取元素〈samp〉 87

4.7.4 首字母缩写元素〈acronym〉 87

4.7.5 变量显示元素〈var〉 87

4.7.6 文献参考元素〈cite〉 88

4.8 本章习题 89

第5章 列表元素 91

5.1 无序列表元素〈ul〉 92

5.2 有序列表元素〈ol〉 95

5.2.1 项目符号的类型属性type 96

5.2.2 有序列表的起始值属性start 97

5.3 列表条目元素〈li〉 99

5.3.1 项目符号的类型属性type 99

5.3.2 条目编号属性value 100

5.4 定义列表元素〈dl〉 101

5.4.1 定义列表术语元素〈dt〉 102

5.4.2 定义列表条目说明元素〈dd〉 103

5.5 本章习题 104

第6章 图像元素 105

6.1 图像元素〈img〉 106

6.1.1 图像元素的路径属性src 107

6.1.2 代替图片的文本属性alt 108

6.1.3 图像元素的宽度属性width 109

6.1.4 图像元素的高度属性height 110

6.1.5 图像元素的边框属性border 111

6.1.6 代替图片的长文本属性longdesc 112

6.1.7 上下边距属性vspace 112

6.1.8 图像元素的左右边距属性hspace 113

6.1.9 图像元素的对齐属性align 113

6.1.10 图像服务器端映射属性ismap 115

6.1.11 图像服务器端映射属性usemap 116

6.2 图像的格式 116

6.2.1 JPEG格式 116

6.2.2 GIF格式 117

6.2.3 PNG格式 118

6.3 本章习题 118

第7章 表格元素 121

7.1 表格元素的结构 122

7.1.1 表格〈table〉 122

7.1.2 行〈tr〉 124

7.1.3 单元格〈td〉 125

7.2 〈table〉元素的属性 126

7.2.1 边框属性border 126

7.2.2 水平对齐属性align 127

7.2.3 高度属性height 128

7.2.4 宽度属性width 129

7.2.5 边框颜色属性bordercolor 129

7.2.6 边框暗边线属性bordercolordark 130

7.2.7 边框亮边线属性bordercolorlight 131

7.2.8 背景颜色属性bgcolor 132

7.2.9 背景图片属性background 133

7.2.10 单元格间距属性cellspacing 133

7.2.11 单元格补白属性cellspadding 135

7.2.12 表格单元格边框属性rules 136

7.2.13 表格边框属性frame 136

7.3 〈tr〉元素的属性 138

7.3.1 水平对齐属性align 138

7.3.2 垂直对齐属性valign 139

7.3.3 背景颜色属性bgcolor 140

7.3.4 边框颜色属性bordercolor 141

7.3.5 边框暗边线属性bordercolordark 142

7.3.6 边框亮边线属性bordercolorlight 142

7.4 〈td〉元素的属性 143

7.4.1 宽度属性width 143

7.4.2 高度属性height 145

7.4.3 背景颜色属性bgcolor 146

7.4.4 背景图片属性background 147

7.4.5 水平对齐属性align 148

7.4.6 垂直对齐属性valign 149

7.4.7 边框属性bordercolor 150

7.4.8 合并列属性colspan 151

7.4.9 合并行属性rowspan 152

7.4.10 同行显示属性nowrap 153

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

7.5.1 表格标题元素〈caption〉 155

7.5.2 表格头部元素〈th〉 156

7.5.3 表格头行元素〈thead〉 158

7.5.4 表主体元素〈tbody〉 159

7.5.5 表格行尾元素〈tfoot〉 160

7.6 本章习题 161

第8章 链接元素 165

8.1 链接和路径 166

8.1.1 超链接的概念 166

8.1.2 路径url 167

8.1.3 HTTP路径 168

8.1.4 FTP路径 169

8.1.5 邮件路径 169

8.2 链接元素〈a〉 170

8.2.1 指定路径属性href 172

8.2.2 显示链接目标属性target 173

8.2.3 激活顺序属性tabindex 174

8.2.4 链接的热键属性accesskey 175

8.3 图像链接 176

8.3.1 创建链接区域元素〈map〉 176

8.3.2 链接区域的名称属性name 176

8.3.3 定义鼠标敏感区元素〈area〉 177

8.3.4 链接的路径属性href、nohref 178

8.3.5 链接的文本说明属性alt 179

8.3.6 鼠标敏感区坐标属性coords 179

8.3.7 鼠标敏感区形状属性shape 181

8.3.8 使用图片中的链接 181

8.4 本章习题 182

第9章 表单元素 183

9.1 表单元素〈form〉 184

9.1.1 动作属性action 184

9.1.2 发送数据方式属性method 185

9.1.3 名称属性name 187

9.2 表单控件〈input〉 187

9.2.1 文本域text 187

9.2.2 密码区域password 188

9.2.3 提交按钮submit 189

9.2.4 复位按钮reset 190

9.2.5 图像按钮image 191

9.2.6 单击按钮button 192

9.2.7 复选框checkbox 192

9.2.8 单选按钮radio 193

9.2.9 隐藏区域hidden 194

9.3 〈input〉元素的属性 195

9.3.1 只读属性readonly 195

9.3.2 不可用属性disabled 196

9.4 选择列表条目元素〈option〉 197

9.5 按钮元素〈button〉 198

9.6 选择列表元素〈select〉 199

9.6.1 高度属性size 200

9.6.2 多项选择属性multiple 201

9.7 文本区域元素〈textarea〉 202

9.7.1 宽度属性cols 202

9.7.2 高度属性rows 202

9.8 表单标记元素〈label〉 203

9.8.1 定义目标属性for 203

9.8.2 定义热键属性accesskey 204

9.9 本章习题 205

第10章 框架元素 209

10.1 框架集元素〈frameset〉 210

10.1.1 行属性rows 211

10.1.2 列属性cols 212

10.1.3 边框属性frameborder 214

10.1.4 边框宽度属性framespacing 215

10.1.5 边框宽度属性border 216

10.1.6 颜色属性bordercolor 217

10.2 框架内容元素〈frame〉 218

10.2.1 内容的路径属性src 218

10.2.2 滚条属性scrolling 219

10.2.3 固定尺寸属性noresize 220

10.2.4 内容的显示位置属性marginheight、marginwidth 221

10.2.5 边框属性frameborder 223

10.3 不支持框架元素〈noframes〉 224

10.4 内联框架元素〈iframe〉 224

10.5 框架元素中的链接 225

10.6 本章习题 227

第11章 CSS的概念 231

11.1 什么是CSS 232

11.2 CSS与网页显示效果的关系 233

11.3 使用CSS的方法 235

11.3.1 元素中直接添加样式 235

11.3.2 从页面头部〈style〉元素中调用 236

11.3.3 采用链接的形式调用 237

11.4 本章习题 238

第12章 CSS的语法 241

12.1 选择符 242

12.1.1 id选择符 242

12.1.2 类选择符 243

12.1.3 类型选择符 244

12.1.4 伪类 245

12.1.5 子选择符 246

12.1.6 选择符分组 248

12.1.7 选择符的优先级 248

12.2 属性 250

12.3 值 251

12.3.1 颜色值 252

12.3.2 长度值 253

12.3.3 百分比值 253

12.4 继承值 254

12.5 默认值 255

12.6 块元素和内联元素 257

12.6.1 块元素 257

12.6.2 内联元素 258

12.7 应用样式的优先级 259

12.8 本章习题 262

第13章 CSS控制文本的显示 263

13.1 控制字体的显示 264

13.1.1 字体选择属性font-family 264

13.1.2 字体颜色属性color 265

13.1.3 字体大小属性font-size 266

13.1.4 字体样式属性font-style 269

13.1.5 字体加粗属性font-weight 270

13.1.6 字体修饰属性text-decoration 271

13.1.7 字体下划线位置属性text-underline-position 273

13.1.8 小型大写字母属性font-variant 274

13.1.9 转换大小写属性text-transform 276

13.1.10 字母间隔属性letter-spacing 277

13.1.11 单词间隔属性word-spacing 278

13.1.12 行高属性line-height 279

13.1.13 字体综合属性font 281

13.2 控制文本的显示 282

13.2.1 文本缩进属性text-indent 282

13.2.2 文本空白属性white-space 283

13.2.3 文本溢出属性text-overflow 285

13.2.4 水平对齐属性text-align 287

13.2.5 垂直对齐属性vertical-align 288

13.2.6 文本流向属性layout-flow 291

13.2.7 文本方向属性direction 292

13.2.8 文本排序属性unicode-bidi 293

13.2.9 单词换行属性word-break 295

13.2.10 文本断开换行属性word-wrap 296

13.3 本章习题 298

第14章 CSS控制列表元素的显示 301

14.1 控制列表元素的显示 302

14.1.1 列表符号属性list-style-type 302

14.1.2 列表符号的混用 304

14.1.3 列表图像属性list-style-image 305

14.1.4 列表图像的显示位置 307

14.1.5 标记位置属性list-style-position 308

14.1.6 标记位置属性与列表高度 309

14.1.7 列表综合属性list-style 310

14.2 列表元素的使用和嵌套 311

14.2.1 列表元素的默认属性值 311

14.2.2 统一列表元素的边界和补白 312

14.3 本章习题 313

第15章 CSS控制表格元素的显示 315

15.1 控制表格元素的显示 316

15.1.1 边框合并属性boder-collapse 316

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

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

15.1.4 表格布局属性table-layout 321

15.2 单元格的制约关系 323

15.2.1 确定单行或列的宽度或高度 323

15.2.2 确定多行或列的宽度或高度 325

15.2.3 单元格与嵌套的〈div〉元素 327

15.3 本章习题 328

第16章 CSS控制元素的大小 331

16.1 盒模型的概念 332

16.2 元素内容的大小 332

16.2.1 宽度属性width 333

16.2.2 高度属性height 334

16.2.3 内容与宽度、高度属性的关系 334

16.3 元素的背景 335

16.3.1 背景颜色属性background-color 336

16.3.2 背景图片属性background-image 337

16.3.3 背景图片的重复属性background-repeat 337

16.3.4 背景图片位置属性background-position 339

16.3.5 背景图片滚动属性background-attachment 340

16.3.6 同时使用背景颜色和背景图片属性 341

16.3.7 背景的综合属性background 342

16.4 元素的补白 343

16.4.1 顶部补白属性padding-top 344

16.4.2 右侧补白属性padding-right 344

16.4.3 底部补白属性padding-bottom 345

16.4.4 左侧补白属性padding-left 346

16.4.5 综合补白属性padding 347

16.4.6 补白与背景 348

16.5 元素的边框 349

16.5.1 顶部边框样式属性border-top-style 349

16.5.2 右侧边框样式属性border-right-style 351

16.5.3 底部边框样式属性border-bottom-style 352

16.5.4 左侧边框样式属性border-left-style 354

16.5.5 顶部边框颜色属性border-top-color 355

16.5.6 右侧边框颜色属性border-right-color 356

16.5.7 底部边框颜色属性border-bottom-color 357

16.5.8 左侧边框颜色属性border-left-color 358

16.5.9 顶部边框宽度属性border-top-width 359

16.5.10 右侧边框宽度属性border-right-width 360

16.5.11 底部边框宽度属性border-bottom-width 361

16.5.12 左侧边框宽度属性border-left-width 362

16.5.13 边框样式属性border-style 363

16.5.14 边框颜色属性border-color 364

16.5.15 边框宽度属性border-width 365

16.5.16 边框顶部综合属性border-top 366

16.5.17 边框右侧综合属性border-right 367

16.5.18 边框底部综合属性border-bottom 368

16.5.19 边框左侧综合属性border-left 368

16.5.20 边框综合属性border 368

16.6 元素的边界 369

16.6.1 顶部边界属性margin-top 369

16.6.2 右侧边界属性margin-right 370

16.6.3 底部边界属性margin-bottom 372

16.6.4 左侧边界属性margin-left 373

16.6.5 边界综合属性margin 374

16.6.6 边界与背景 375

16.7 嵌套元素的大小和距离 376

16.7.1 父元素和子元素 376

16.7.2 子元素中使用边界属性，父元素未定义大小 377

16.7.3 子元素中使用边界属性，父元素中使用补白属性 378

16.8 本章习题 379

第17章 CSS控制元素的定位 381

17.1 元素的定位 382

17.1.1 元素的定位属性position 382

17.1.2 上边偏移属性top 383

17.1.3 右边偏移属性right 384

17.1.4 下边偏移属性bottom 385

17.1.5 左边偏移属性left 386

17.2 绝对定位 387

17.2.1 绝对定位与父元素 388

17.2.2 绝对定位与相邻元素 389

17.3 相对定位 390

17.3.1 相对定位元素位置的确定 390

17.3.2 相对定位与相邻元素 391

17.4 定位元素的重叠 393

17.5 本章习题 394

第18章 CSS控制元素的布局 397

18.1 元素的浮动 398

18.1.1 元素的浮动属性float 398

18.1.2 浮动元素和固定元素 399

18.1.3 两个浮动元素的显示效果 400

18.1.4 多个浮动元素的显示顺序 401

18.2 浮动的清除 403

18.2.1 清除浮动属性clear 403

18.2.2 清除浮动与固定元素 404

18.3 内容的剪切 405

18.3.1 内容的剪切属性clip 405

18.3.2 剪切属性与内容 407

18.4 溢出内容的控制 408

18.4.1 溢出属性overflow 409

18.4.2 横向溢出属性overflow-x 410

18.4.3 纵向溢出属性overflow-y 411

18.4.4 滚条和边框 412

18.5 元素的显示方式 413

18.5.1 显示方式属性display 413

18.5.2 内联块属性值的异常显示 415

18.5.3 隐藏属性值none 416

18.6 元素的可视性 418

18.6.1 可视属性visibility 418

18.6.2 可视性属性与显示方式属性的关系 419

18.7 本章习题 421

第19章 CSS控制其他元素的显示 423

19.1 控制滚条的显示 424

19.1.1 滚条3d亮边框颜色属性scrollbar-3dlight-color 424

19.1.2 滚条亮边框颜色属性scrollbar-highlight-color 425

19.1.3 滚条滑块颜色属性scrollbar-face-color 426

19.1.4 滚条箭头颜色属性scrollbar-arrow-color 428

19.1.5 滚条阴影颜色属性scrollbar-shadow-color 429

19.1.6 滚条暗部阴影属性scrollbar-darkshadow-color 430

19.1.7 滚条拖动区颜色属性scrollbar-track-color 431

19.1.8 滚条基准色属性scrollbar-base-color 432

19.1.9 定义滚条的颜色 433

19.2 控制光标的显示 434

19.3 控制元素的缩放 437

19.4 控制链接的显示 438

19.4.1 定义链接未访问的显示效果 438

19.4.2 定义链接鼠标悬停的显示效果 439

19.4.3 定义链接激活的显示效果 440

19.4.4 定义链接访问后的显示效果 441

19.4.5 定义链接效果的顺序 442

19.5 本章习题 444

第20章 制作个人博客页面 447

20.1 制作页面前的准备工作 448

20.1.1 规划页面的内容 448

20.1.2 切分效果图 449

20.2 规划站点文件夹 449

20.3 定义基本的样式 450

20.3.1 新建CSS文件 450

20.3.2 定义页面的基础样式 450

20.4 制作页面头部 451

20.4.1 制作页面头部的结构 451

20.4.2 定义页面头部的样式 451

20.5 制作页面导航 453

20.5.1 制作页面导航的结构 453

20.5.2 定义页面导航的样式 454

20.6 制作页面主体 456

20.6.1 制作页面主体的结构 456

20.6.2 定义页面主体内容的样式 456

20.7 制作日志 457

20.7.1 制作日志内容的结构 458

20.7.2 定义日志内容的样式 458

20.8 制作侧栏 459

20.8.1 制作侧栏的结构 459

20.8.2 定义侧栏的通用样式 461

20.9 制作页面底部内容 462

20.9.1 制作页面底部的结构 463

20.9.2 定义页面底部的样式 463