新手学HTML+CSSPDF|Epub|txt|kindle电子书版本网盘下载

新手学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、XHTML5

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　响应头报文meta11

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 控制水平线粗细size14

2.4.3　控制水平线宽度width14

2.4.4　控制水平线显示位置align15

2.4.5　控制水平线颜色color15

2.4.6　控制水平线阴影noshade16

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

2.6　设置网站背景色bgcolor17

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　常用文本格式Tag24

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　打开空白页_blank43

4.2.2　打开上一级窗口_parent43

4.2.3　在本窗口打开45

4.2.4　打开整个窗口_top47

4.3　常见面试题49

4.4　小结49

4.5 习题49

第5章 图像50

5.1 网页图片概述50

5.2　背景图像的设定50

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

5.3.1　选择路径src52

5.3.2　设定替换文本alt52

5.3.3　选择宽度width53

5.3.4　选择高度height53

5.3.5　设定低分辨率lowsrc54

5.3.6　设定排列align54

5.3.7　设定边框border61

5.3.8　设定水平间距hspace62

5.3.9　设定垂直间距vspace63

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　使用路径dynsrc71

5.5.2　循环播放次数loop71

5.5.3　播放方式start72

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 设置宽度width77

6.3.2 设置高度height79

6.3.3 设置背景图片background80

6.3.4 设置间距cellspacing81

6.3.5 设置内容与边界的距离cellpadding83

6.4 边框83

6.4.1 编辑边框的宽度border84

6.4.3 编辑亮边框颜色bordercolorlight86

6.4.4 编辑暗边框颜色bordercolordark86

6.4.5　显示整个边框box87

6.4.6　不显示边框void88

6.4.7　显示上下边框hsides89

6.4.8　显示左右边框vsides90

6.4.9　显示上边框above91

6.4.10　显示下边框below92

6.4.11　显示左边框lhs93

6.4.12　显示右边框rhs94

6.5　表格行的设定95

6.5.1　设置水平对齐align95

6.5.2　设置垂直对齐valign98

6.6　跨多行、多列的表元100

6.6.1　设置跨多列colspan101

6.6.2　设置跨多行rowspan101

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　设置移动方式behavior109

7.1.3　设置背景颜色bgcolor111

7.1.4　设置文字卷动方式direction111

7.1.5 设置移动速度scrollamount113

7.1.6 设置停顿时间scrolldelay114

7.1.7 设置字幕左右空白区域hspace115

7.1.8 设置字幕上下空白区域vspace115

7.1.9 设置滚动次数loop116

7.1.10 设置鼠标滑过onMouseOver117

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　设置背景音乐路径src126

7.3.2　设置自动播放autostart127

7.3.3　设置循环播放loop128

7.4　常见面试题128

7.5　小结128

7.6　习题129

第8章　框架130

8.1 框架含义130

8.2　基本构成130

8.3　框架集〈frameset〉131

8.3.1 分割左右窗口cols131

8.3.2 分割上下窗口rows133

8.3.3 设置边框粗细border134

8.3.4 设置边框颜色bordercolor135

8.3.5　是否显示边框frameborder136

8.3.6　设置空白距离framespacing137

8.3.7　添加〈noframes〉标签138

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

8.4.1 设定调节noresize140

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　使用实心圆样式disc149

9.1.3　使用空心圆样式circle150

9.1.4　使用小方块样式square151

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　设置链接跳转action165

10.1.2　指向链接跳转方法method165

10.1.3　设置链接跳转方式target165

10.1.4　设置字符集列表accept-charset165

10.1.5　设置编码表单内容enctype166

10.1.6　定义表单名称name166

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　使用div178

11.2.1　在内容中应用div179

11.2.2　嵌套div179

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-color195

13.1.2　设置背景图片background-image196

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

13.1.4　设置固定背景图片background-attachment200

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

13.1.6　综合声明背景background203

13.2　CSS文本204

13.2.1　设置文本颜色color205

13.2.2　设置字符间距letter-spacing205

13.2.3　设置行间距line-height206

13.2.4　设置文本对齐方式text-align207

13.2.5　添加文本修饰text-decoration208

13.2.6　设置文本缩进text-indent209

13.2.7　控制英文文本text-transform210

13.2.8 使用禁止文本折行white-space211

13.2.9 设置字体大小font-size212

13.2.10 设置字体风格font-family213

13.3 CSS边框213

13.3.1 设置边框颜色border-color214

13.3.2 设置边框样式border-style214

13.3.3 设置边框宽度border-width216

13.3.4 设置上边框border-top217

13.3.5 设置右边框border-right217

13.3.6 设置下边框border-bottom218

13.3.7 设置左边框border-left219

13.3.8 综合声明边框border219

13.4 CSS外边距220

13.4.1 设置居中auto220

13.4.2　设置上外边距margin-top222

13.4.3　设置右外边距margin-right223

13.4.4　设置下外边距margin-bottom224

13.4.5　设置左外边距margin-left226

13.4.6　综合声明外边距margin227

13.5　CSS内边距229

13.5.1　设置上内边距padding-top229

13.5.2　设置右内边距padding-right230

13.5.3　设置下内边距padding-bottom232

13.5.4　设置左内边距padding-left233

13.5.5 综合声明内边距padding234

13.6 CSS列表236

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

13.6.2 设置列表排序位置list-style-position237

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

13.6.4 设置列表综合属性list-style241

13.7 常见面试题242

13.8 小结243

13.9 习题243

第14章 CSS伪类和伪元素244

14.1 超链接〈a〉244

14.1.1 设置活动状态：link244

14.1.2 设置已被访问状态：visited245

14.1.3 设置鼠标经过状态：hover246

14.1.4　设置鼠标按下状态：active248

14.2　伪元素250

14.2.1　添加首字母样式：first-letter251

14.2.2　添加首行样式：first-line252

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 HTML261

16.1.2 触发卸载事件onDblClick HTML263

16.2 触发鼠标按钮事件onMouse HTML264

16.2.1 鼠标按下事件onMouseDown265

16.2.2 鼠标释放事件onMouseUp265

16.2.3 鼠标移动事件onMouseMove266

16.2.4 鼠标经过事件onMouseOver267

16.2.5 鼠标离开事件onMouseOut268

16.3 触发键盘事件onKey HTML268

16.3.1 按下键盘按键onkeydown268

16.3.2 键盘按键被按下并松开onkeypress270

16.3.3 键盘按键被松开onkeyup271

16.4 页面相关事件272

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

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

16.4.3 捕抓当前页面的错误onError HTML274

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

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

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

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

16.5　表单相关事件279

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

16.5.2　触发元素改变事件onChange HTML280

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

16.5.4　触发表单被重置事件onReset HTML282

16.5.5　触发表单被提交事件onSubmit HTML283

16.6　滚动字幕事件284

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

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

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

16.7　编辑事件286

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

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

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

16.7.4　触发鼠标拖动时事件onDrag HTML289

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

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

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

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

16.8 数据绑定292

16.9 外部事件293

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

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

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

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

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

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　设置语言属性lang303

17.4　强制使用的XHTML元素303

17.5　通过DTD验证304

17.5.1　严格DTD304

17.5.2　过渡DTD305

17.5.3　框架DTD306

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