Web前端开发精品课 HTML与CSS基础教程[莫振杰]

zhiqingzhelong

介绍:
本书分为两大部分：第一部分是HTML入门，主要介绍网页结构基础知识；第二部分是CSS入门，主要介绍网页样式方面的基础知识。此外，本书还融入了大量的开发技巧，更加注重编程思维的培养，使得学习者能有顺畅的学习思路。
作者结合自己的网站前后端开发中的大量实践经验，将知识系统化，浓缩为精华，用通俗易懂的语言直指网页设计初学者的痛点。本书适合Web前端开发初学者、大中专院校相关专业学生，以及想要系统掌握Web开发基础知识的读者学习参考。
作译者
2011~2015就读于暨南大学信科院计算机科学与技术专业，从事前后端开发一年多，开发过绿叶学习网、广州智能工程研究会网站、大量在线应用工具，业余时间阅读大量国内外技术书籍。 现为绿叶学习网（http://www.lvyestudy.com）的站长，该网站用于分享自己在前后端开发中的一些经验，并且制作相关前后端开发的在线教程。这些在线教程在互联网引起广泛关注，极大受到网友推崇。本人编写过大量原创在线教程，每一个教程广受网友称赞与推崇。

目录:
第一部分　HTML入门
第1章　HTML基础　2
1.1　Web技术简介　3
1.1.1　从网页制作到前端开发　3
1.1.2　前端技术　4
1.1.3　后端技术　7
1.1.4　从前端开发到后端开发的学习路线　8
【疑问】　9
1.2　HTML是什么？　10
1.3　HTML入门简介　11
1.3.1　教程说明　11
1.3.2　初学者比较关心的
问题　13
1.4　本章总结　13
第2章　前端开发工具　15
2.1　前端开发工具　16
2.1.1　Dreamweaver　16
2.1.2　Sublime Text　17
2.1.3　Visual Studio　17
2.2　新建HTML页面 　18
第3章　HTML基本标签　20
3.1　HTML基本结构　21
3.1.1　HTML基本结构　21
3.1.2　用记事本编写网页　22
3.1.3　用Dreamweaver编写
网页　23
3.2　head标签　24
3.2.1　head标签内的title
标签　25
3.2.2　head标签内的meta
标签　25
3.2.3　head标签内的style
标签　28
3.2.4　head标签内的script
标签　28
3.2.5　head标签内的link
标签　29
3.3　body标签 　29
3.4　HTML注释 　30
3.5　本章总结 　32
训练题 　33
第4章　段落与文字 　34
4.1　段落与文字简介　35
4.2　标题标签　37
4.3　段落标签　39
4.3.2　段落标签
　39
4.3.2　换行标签
　40
4.4　文本格式化标签 　42
4.4.1　粗体标签b、strong　42
4.4.2　斜体标签i、cite、em　43
4.4.3　上标标签sup　44
4.4.4　下标标签sub　44
4.4.5　大字号标签big和
小字号标签small　45
4.4.6　删除线标签s　46
4.4.7　下划线标签u　47
4.5　水平线标签　48
4.6　div标签 　49
4.7　网页特殊符号 　50
4.7.1　网页中的空格　50
4.7.2　特殊符号　52
4.8　自闭合标签 　54
4.8.1　什么叫自闭合标签　54
4.8.2　常见的自闭合标签　55
4.9　块元素和行内元素 　55
4.9.1　块元素　56
4.9.2　行内元素　58
4.10　本章总结 　59
4.11　训练题 　61
第5章　列表　62
5.1　HTML列表简介 　63
5.1.1　网页中的列表　63
5.1.2　HTML列表简介　63
5.2　有序列表 　64
5.2.1　有序列表简介　64
5.2.2　有序列表type属性　65
5.3　无序列表 　67
5.3.1　无序列表简介　67
5.3.2　无序列表type属性　68
5.3.3　深入了解无序列表　69
【疑问】　71
5.4　定义列表 　72
5.5　HTML中的大误区　74
5.6　本章总结　75
5.7　训练题　78
第６章　表格　79
6.1　表格简介　80
6.2　表格基本结构　81
【疑问】　82
6.3　表格完整结构　82
6.3.1　表格标题caption　83
6.3.2　表头th　84
6.4　表格语义化 　86
6.5　合并行rowspan　89
6.6　合并列colspan　90
6.7　本章总结　92
6.8　训练题　94
第7章　图像　95
7.1　图像标签　96
7.1.1　img标签src属性　96
7.1.2　img标签alt属性　97
7.1.3　img标签title属性　97
7.2　相对路径和绝对路径　98
7.2.1　“网页1”引用海贼王
图片　99
7.2.2　“网页2”引用海贼王
图片　99
【疑问】 　100
7.3　图片格式 　101
7.3.1　位图　101
7.3.2　矢量图　103
7.3.3　位图与矢量图
区别　105
【疑问】　105
7.4　本章总结　106
第8章　超链接　108
8.1　超链接简介　109
8.2　a标签 　109
8.2.1　a标签简介　109
8.2.2　a标签target属性　110
8.2.3　各种超链接　111
8.3　内部链接　112
8.4　锚点链接 　114
8.5　本章总结 　117
第9章　表单　118
9.1　表单简介　119
9.2　form标签　120
9.2.1　form标签简介　120
9.2.2　form标签属性　121
9.2.3　表单对象　126
9.3　input标签简介　126
9.4　单行文本框text　127
9.4.1　文本框text简介　127
9.4.2　文本框text属性　128
9.5　密码文本框password　129
9.5.1　密码文本框简介　129
9.5.2　密码文本框属性　131
9.6　单选按钮radio 　132
9.6.1　单选按钮简介　132
9.6.2　单选按钮radio的忽
略点　133
【疑问】　135
9.7　复选框checkbox　135
9.8　表单按钮 　137
9.8.1　普通按钮button　137
9.8.2　提交按钮submit　138
9.8.3　重置按钮reset　139
9.8.4　普通按钮、提交按钮
和重置按钮的区别　141
9.9　图片域image 　142
【疑问】　143
9.10　隐藏域hidden 　143
9.11　文件域file 　145
9.12　多行文本框textarea　146
9.13　下拉列表select　148
9.13.1　select标签属性　149
9.13.2　option标签属性　151
【疑问】　153
9.14　input标签按钮与button
标签按钮 　153
【疑问】　155
9.15　本章总结 　155
【疑问】　157
9.16　训练题 　158
第10章　多媒体　159
10.1　网页中插入音频和视频　160
10.2　网页中插入背景音乐 　162
10.3　网页中插入Flash 　163
10.4　本章总结 　164
第11章　框架 　165
11.1　浮动框架iframe 　166
11.1.1　iframe简介　166
11.1.2　iframe滚动条　167
第二部分　CSS入门
第12章　CSS基础 　170
12.1　CSS是什么　171
12.1.1　CSS简介　171
12.1.2　CSS和CSS3　172
12.2　CSS入门简介　172
12.3　CSS的三种引用方式　173
12.3.1　外部样式表　173
12.3.2　内部样式表　174
12.3.3　内联样式表　175
第13章　CSS选择器基础　177
13.1　元素的id和class 　178
13.1.1　元素的id属性　178
13.1.2　元素的class属性　178
13.2　什么叫CSS选择器？　179
13.3　CSS选择器入门（上） 　181
13.3.1　元素选择器　181
13.3.2　id选择器　183
13.3.3 class选择器　184
13.4　CSS选择器入门（下）　186
13.4.1　子元素选择器　186
13.4.2　相邻选择器　187
13.4.3　群组选择器　189
第14章　字体样式　191
14.1　字体样式简介 　192
14.2　字体类型font-family　193
14.3　字体大小font-size 　195
14.4　字体颜色color 　198
14.5　字体粗细font-weight　200
14.6　字体斜体font-style　202
14.7　CSS注释　204
14.8　本章总结 　206
第15章　文本样式　209
15.1　文本样式简介 　210
15.2　下划线、删除线和顶划线
text-decoration　210
15.2.1　text-decoration
属性　210
15.2.2　下划线、删除线和顶
划线的用途分析　213
15.3　文本大小写
text-transform　214
15.4　font-variant属性 　215
【疑问】　216
15.5　首行缩进text-indent　216
15.6　文本水平对齐text-align　218
15.7　行高line-height　219
15.8　字母间距letter-spacing和
　　　词间距word-spacing　221
15.8.1　letter-spacing
属性　221
15.8.2　word-spacing
属性　222
15.9　文本样式总结　223
第16章　边框样式　228
16.1　边框样式简介 　229
16.2　整体边框样式 　230
16.2.1　边框的属性　230
16.2.2　边框实例　233
16.2.3　border属性简洁
写法　233
16.3　局部边框样式 　234
16.4　本章总结 　237
第17章　背景样式　240
17.1　背景样式简介　241
17.1.1　背景颜色　241
17.1.2　背景图像　241
17.2　背景颜色background-
color　242
17.3　背景图像简介 　244
17.3.1　background-image
属性　244
17.3.2　background-repeat
属性　244
17.3.3　background-position
属性　245
17.3.4　background-attachment
属性　246
17.4　背景图像样式background-
image 　246
17.5　背景重复样式background-
repeat 　248
17.6　背景图像位置background-
position 　250
17.6.1　background-position
取值为“像素值”　250
17.6.2　background-position
取值为“关键字”　252
17.7　背景固定样式background-
attachment 　253
17.8　本章总结　254
第18章　超链接样式　256
18.1　超链接伪类 　257
18.1.1　如何去除超链接下
划线　257
18.1.2　如何定义超链接伪类　258
18.1.3　深入了解超链接伪类　260
【疑问】　261
18.2　深入了解:hover伪类　262
18.3　鼠标样式 　264
18.3.1　浏览器鼠标样式　264
18.3.2　自定义鼠标样式　266
18.4　本章总结　267
第19章　图片样式　269
19.1　图片大小 　270
19.2　图片边框border 　271
19.3　图片水平对齐 　272
19.4　图片垂直对齐 　274
19.5　文字环绕效果float　278
19.5.1　float属性　278
19.5.2　定义图片与文字
间距　280
19.6　本章总结　282
第20章　列表样式 　285
20.1　列表项符号list-style-
type　286
20.1.1　HTML中定义列表
项符号　286
20.1.2　CSS中定义列表
项符号　287
20.2　自定义列表项符号
list-style-image　290
20.3　本章总结　291
第21章　表格样式　293
21.1　表格边框合并border-
collapse　294
21.2　表格边框间距border-
spacing　297
21.3　表格标题位置caption-
side　299
21.4　本章总结　301
第22章　CSS盒子模型　303
22.1　CSS盒子模型　304
22.2　宽度width和高度
height　308
22.3　边框border　313
22.4　内边距padding　314
22.4.1　padding局部样式　314
22.4.2　padding简洁写法　315
22.5　外边距margin 　317
22.5.1　margin局部样式　318
22.5.2　margin简洁样式　319
22.6　本章总结 　321
第23章　浮动布局　323
23.1　HTML文档流　324
23.1.1　正常文档流动　324
23.1.2　脱离正常文
　　　　档流　325
23.2　浮动float 　326
23.3　清除浮动clear　331
23.4　本章总结 　334
第24章　定位布局　336
24.1　定位布局简介　337
24.2　固定定位fixed　337
24.3　相对定位relative　339
24.4　绝对定位absolute　342
24.5　CSS静态定位static　345
附录　HTML标签的语义　346
后记 　352

游客，如果您要查看本帖隐藏内容请回复

mrshrs5999

看帖回帖是美德！:lol

zhiqingzhelong

正需要，支持楼主大人了！

weixuefei

正需要，支持楼主大人了！

乳此胸险

相当不错，感谢无私分享精神！

书打动超财英

正需要，支持楼主大人了！

Java奥特曼

过来看看的

funyqg

路过，学习下

fuvwc

正需要，支持楼主大人了！

linglong1988

过来看看的