我要投稿

HTML+CSS零基础学习___源代码

时间:2009-04-27 16:52 作者:linchen 阅读:5723
HTML+CSS零基础学习___源代码

1.本教程1~33章所附代码的运行环境

操作系统:Windows 2003、Windows XP Professional,或者Windows 2000,Vista。
开发环境:Macromedia Dreamweaver 8。
浏览器支持:Internet Explorer和Mozilla Firefox。

2.本教程范例
第1章(源代码\第1章)
示例描述:本章演示HTML基本知识
HTML基本标记.html                      HTML基本标记的用法。
我的第一张网页.html                      演示我的第一张网页。

第2章(源代码\第2章)
示例描述:本章演示常用HTML标记和格式
注释.htm                            注释的用法。
标题标记.htm                        标题标记的用法。
粗体与斜体.htm                      粗体与斜体的用法。
段落.htm                            段落的用法。
换行.htm                            换行的用法。
上标与下标.htm                      上标与下标的用法。
下划线与删除线.htm                 下划线与删除线的用法。
HTML标记和格式实例手把手.htm      HTML标记和格式实例手把手的用法。

第3章(源代码\第3章)
示例描述:本章演示字体标记语法以及其用法
标题字体.htm                        标题字体的用法。
标题字体大小.htm                    设置标题字体大小。
逻辑字体.htm                        逻辑字体的用法。
设置字体大小.htm                    设置字体大小。
物理字体.htm                        物理字体的用法。
字体实例手把手.htm                  演示字体实例手把手。
字体颜色.htm                        设置字体颜色。


第4章(源代码\第4章)
示例描述:本章演示文字文字布局标记用法
br的用法.html                      演示br的用法。
p的用法.htm                       演示p的用法。
不换行.htm                         演示不换行标记用法。
段落设置.htm                       演示段落设置。
计算机输出格式.htm                 计算机输出格式标记和用法。
文字布局手把手.htm                 演示文字布局手把手。
文字对齐.htm                       演示文字对齐用法。
文字对齐-向右.html                  演示文字对齐-向右对齐的用法。
无序列表.htm                       演示无序列表的用法。
有序列表.htm                       演示有序列表用法。
欲格式化文本.htm                   欲格式化文本标记用法。
欲格式化文本行.html                 欲格式化文本行标记用法。

第5章(源代码\第5章)
示例描述:本章演示图像标记的用法
alt用法.html                         图像参数alt用法。
插入图像.html                        演示插入图像。
热点链接.htm                        热点链接的用法。
图片链接边框设置.html                图片链接边框设置。
图像top对齐.html                    演示图像top对齐。
图像边框设置.html                    图像边框设置。
图像链接.htm                        图像链接用法。
图像实例手把手.html                  演示图像实例手把手。

第6章(源代码\第6章)
示例描述:本章演示超级链接用法
target用法.html                       链接参数target的用法。
title用法.html                        链接参数title用法。
锚点链接.html                         标记锚点链接用法
图片链接.html                         演示图片链接。
文字链接.html                         演示文字链接。
邮箱地址链接.html                     演示邮箱地址链接。
链接实例手把手.html                  演示链接实例手把手。

第7章(源代码\第7章)
示例描述:本章演示表单标记的用法
按钮.htm                            表单按钮的用法。
表单基本语法.htm                    表单基本语法。
表单两属性.html                        表单两属性用法。
单选框.htm                            表单单选框用法
多行文本域.htm                        表单多行文本域用法。
复选框.htm                            表单复选框的用法。
密码框.htm                            表单密码框的用法。
文本框.htm                            表单文本框的用法。
文本域.htm                            表单文本域用法。
下拉表.htm                            表单下拉表的用法。
表单实例手把手.html                    演示表单实例手把手。

第8章(源代码\第8章)
示例描述:本章演示表格标记用法。
表格边框宽度.html                    表格边框宽度演示。
表格标题.html                        表格标题用法演示。
表格的基本语法.html                    表格的基本语法。
表格内对齐.html                        演示表格内对齐。
表格内文字对齐.html                    演示表格内文字对齐。
表格实例手把手.html                    演示表格实例手把手。
表格在网页中的对齐.html                演示表格在网页中的对齐。
表格在网页中对齐.html                演示表格在网页中对齐。
跨多列表元.html                        演示跨多列表元。
跨多行、多表表元.html                演示跨多行、多表表元用法。
跨多行表元.html                        演示跨多行表元用法。
设置表格大小.html                    设置表格大小。

第9章(源代码\第9章)
示例描述:本章演示框架标记的用法
不能调节框架大小.html                演示不能调节框架大小。
不支持框架.html                        演示不支持框架情况。
垂直分栏.html                        演示垂直分栏。
导航框架.html                        导航框架的用法。
导航框架链接.html                    导航框架链接的用法。
框架边框隐藏.html                    演示框架边框隐藏。
框架基本语法.html                    框架基本语法。
框架水平分栏.html                    设置框架水平分栏。
内联框架.html                        设置内联框架。
设置滚动条.html                        设置滚动条。
框架实例手把手.html                    演示框架实例手把手。

第10章(源代码\第10章)
示例描述:本章演示移动字体和图片用法。
移动的基本语法.html                        移动的基本语法。
文字的移动方向.html                        设置文字的移动方向。
图片的移动.html                            设置图片的移动。
设置移动对象.html                        设置设置移动对象。
移动实例手把手—让图片像电影动起来.html    演示让图片像电影动起来。

第11章(源代码\第11章)
示例描述:本章演示网页多媒体标记的用法。
多媒体基本语法.html                        多媒体基本语法。
多媒体循环播放.html                        演示多媒体循环播放。
隐藏面板.html                            隐藏面板的用法。
设置开始时间.html                        设置开始时间。
多媒体面板的对齐.html                    演示多媒体面板的对齐。
多媒体实例手把手—在网页中放视频.html    演示在网页中放视频。
smak slow.mp3                            名为smak slow 的mp3多媒体文件。
刻舟求剑.swf                            名为刻舟求剑的flash多媒体文件。

第12章(源代码\第12章)
示例描述:本章演示用DIV布局。
div布局.html                            演示div布局实例。
层嵌套.html                            层嵌套的用法。
table布局.html                            演示table布局。
DIV布局样式.html                        设置DIV布局样式。
如何用DIV布局.html                    演示如何用DIV布局。

第13章(源代码\第13章)
示例描述:本章演示DIV与SPAN用法。
SPAN基本语法.html                        SPAN基本语法。
何时该用SPAN.html                        何时该用SPAN。
DIV与SPAN区别一.html                    演示DIV与SPAN区别一。
DIV与SPAN区别二.html                    演示DIV与SPAN区别二。
DIV与SPAN实例手把手--布局.html        演示DIV与SPAN实例手把手--布局。

第14章(源代码\第14章)
示例描述:本章演示DIV与CSS结合用法。
内联定义样式.html                        内联定义样式.html
链入内部CSS样式.html                    链入内部CSS样式.html
外链接.html                            外链接.html
链接外部CSS样式.html                    链接外部CSS样式.html
CSS控制DIV.html                        CSS控制DIV.html
DIV+CSS布局.html                        DIV+CSS布局.html
div.css                                    名为div的样式文件。
style.css                                名为style的样式文件。

第15章(源代码\第15章)
示例描述:本章演示CSS基础部分知识。
CSS基础.html                            演示CSS基础链接知识用法。
style1.css                                名为style1的CSS样式文件。
style2.css                            名为style2的CSS样式文件。
style3.css                            名为style3的CSS样式文件。

第16章(源代码\第16章)
示例描述:本章演示字体属性用法。
间距与间隔.html                            属性间距与间隔用法。
设置行距.html                            属性设置行距用法。
字体大小.html                            属性字体大小用法。
字体类型.html                            属性字体类型用法。
字体设置.html                            属性字体设置。
字体颜色.html                            属性字体颜色用法。
字体重量.html                            属性字体重量用法。

第17章(源代码\第17章)
示例描述:本章演示文本属性用法。
垂直对齐.html                            设置垂直对齐。
空格处理.html                            设置空格处理。
设置水平对齐.html                        设置水平对齐。
首行缩进.html                            首行缩进的用法。
文本流方向.html                            文本流方向用法。
文本行距.html                            文本行距的用法。
文本修饰属性text-decoration.html            文本修饰属性text-decoration用法。
文字垂直对齐.html                        文字垂直对齐用法。
字母大小写转换.html                        字母大小写转换用法。
字体实例手把手――字体花样.html            演示字体实例手把手――字体花样。
文本设置手把手—给段落设置缩进.html        演示文本设置手把手—给段落设置缩进。

第18章(源代码\第18章)
示例描述:本章演示背景属性用法。
背景的基本语法.html                        属性背景的基本语法。
设置背景图像.html                        设置背景图像。
设置背景图像滚动.html                    设置背景图像滚动。
设置背景图像铺排.html                    设置背景图像铺排。
设置背景图像位置.html                    设置背景图像位置。
设置背景颜色.html                        设置背景颜色。
背景实例手把手.html                        演示背景实例手把手。

第19章(源代码\第19章)
示例描述:本章演示尺寸的用法。
设置宽度.html                            设置宽度属性。
设置高度.html                            设置高度属性
设置层居中.html                            设置层居中实例。
尺寸实例手把手.html                        演示尺寸实例手把手。

第20章(源代码\第20章)
示例描述:本章演示外补丁用法。
margin基本语法.html                        复合属性margin基本语法。
margin-bottom用法.html                    属性margin-bottom用法。
margin-left用法.html                        属性margin-left用法。
margin-right用法.html                    属性margin-right用法。
margin-top用法.html                        属性margin-top用法。
margin实例.html                        演示margin实例用法。
margin实例--设置层与层的距离.html        设置层与层的距离。
实例手把手--DIV+CSS结合.html            演示实例手把手--DIV+CSS结合。

第21章(源代码\第21章)
示例描述:本章演示内补丁用法。
padding基本语法和用法.html                复合属性padding基本语法和用法。
padding-bottom用法.html                    属性padding-bottom用法。
padding-left用法.html                        属性padding-left用法。
padding-right用法.html                    属性padding-right用法。
padding-top用法.html                        属性padding-top用法。
内补丁padding实例.html                    演示内补丁padding实例。

第22章(源代码\第22章)
示例描述:本章演示属性边框用法。
border基本语法.html                        复合属性border基本语法。
边框宽度设置.html                        边框宽度设置。
边框样式用法.html                        设置边框样式用法。
设置边框颜色.html                        设置边框颜色。
border-bottom用法.html                    属性border-bottom用法。
border-left用法.html                        属性border-left用法。
border-right用法.html                        属性border-right用法。
border-top用法.html                        属性border-top用法。
设置多层边框.html                        设置多层边框。
边框实例手把手.html                        演示边框实例手把手。

第23章(源代码\第23章)
示例描述:本章演示属性定位用法。
position的用法.html                        属性position的用法。
设置对象的边框位置.html                    设置对象的边框位置。
z-index用法.html                        属性z-index用法。
相对定位实例.html                        演示相对定位实例。
绝对定位实例.html                        演示绝对定位实例。
实例--圆角制作.html                    演示实例--圆角制作。

第24章(源代码\第24章)
示例描述:本章演示属性列表的用法。
列表的预设标记用法.html                    演示列表的预设标记用法。
list-style用法.html                        属性list-style用法。
设置列表文本排列.html                    设置列表文本排列。
设置列表图像.html                        设置列表图像。
列表实例手把手.html                        演示列表实例手把手。

第25章(源代码\第25章)
示例描述:本章演示用CSS控制表格。
控制表格的基本语法.html                    控制表格的基本语法。
设置表格边框独立或合并.html                设置表格边框独立或合并。
设置表格布局的算法.html                    设置表格布局的算法。
CSS控制表格实例手把手.html                演示CSS控制表格实例手把手。

第26章(源代码\第26章)
示例描述:本章演示CSS控制滚动条。
设置3D界面亮边颜色和表面颜色.html            设置3D界面亮边颜色和表面颜色。
设置滚动条3D界面暗边颜色和暗边框颜色.html    3D界面暗边和暗边框颜色的用法。
设置滚动条方向箭头的颜色.html                设置滚动条方向箭头的颜色。
设置滚动条基准颜色和拖动区域颜色.html        滚动条基准颜色和拖动区域颜色用法。
设置滚动条亮边框颜色.html                    设置滚动条亮边框颜色。

第27章(源代码\第27章)
示例描述:本章演示CSS布局。
clear的用法.html                            属性clear的用法。
clip用法.html                                属性clip用法。
cursor用法.html                                属性cursor用法。
display用法.html                            属性display用法。
float的用法.html                            属性float的用法。
overflow用法.html                            属性overflow用法。
visibility用法.html                            属性visibility用法。

第28章(源代码\第28章)
示例描述:本章演示选择符用法。
ID选择符.html                                演示ID选择符用法。
包含选择符.html                                演示包含选择符用法。
类型选择符.html                                演示类型选择符用法。
类选择符.html                                演示类选择符用法。
通配选择符.html                                演示通配选择符用法。
选择符分组.html                                演示选择符分组用法。

第29章(源代码\第29章)
示例描述:本章演示伪类用法。
伪类的类型用法.html                            演示伪类的类型用法。
link属性.html                                表示link属性。
hover属性.html                                表示hover属性。
active属性.html                                表示active属性。
visited属性.html                                表示visited属性。

第30章(源代码\第30章)
示例描述:本章演示单位的表示用法。
长度单位.html                                设置长度单位。
颜色单位.html                                设置颜色单位。

第31章(源代码\第31章)
示例描述:本章演示游戏主题网站布局。
游戏网站布局.html                            演示游戏网站布局。
style.css                                    游戏网站的样式文件。
images                                        图像文件夹。

第32章(源代码\第32章)
示例描述:本章演示企业网站主题布局。
设置DIV.html                                设置DIV.html
企业网站主页.html                            企业网站主页.html
a.css                                        设置DIV页面的样式文件。
style.css                                    企业网站的样式文件。
images                                        图像文件夹。

第33章(源代码\第33章)
示例描述:本章演示
博客首页.html                                博客首页布局。
DIV设置.html                                设置DIV时的HTML标记。
jquery.js                                    一个javascript的优秀框架jquery。
index.js                                    控制博客页面的javascript脚本。
style.css                                    博客类网站的样式文件。
images                                        图像文件夹。


第1章_第5章             第1章_第5章.rar (20 K) 下载次数:273

第6章_第10章          第6章_第10章.rar (39 K) 下载次数:164

第11章_第15章         第11章_第15章.rar (1331 K) 下载次数:251

第16章_第20章         第16章_第20章.rar (42 K) 下载次数:143

第21章_第25章          第21章_第25章.rar (14 K) 下载次数:136

第26章_第30章         第26章_第30章.rar (21 K) 下载次数:143

第31章_第33章         第31章_第33章.rar (684 K) 下载次数:219




www.cccbbs.net
[ 此帖被linchen在2009-04-27 17:04重新编辑 ]

最新评论

spike2009-12-14 15:19
可以去中华精英求职网(http://www.jobabc.cn)去求职呀,我就在那找到工作的!
我要投稿 我要评论
插入url链接 添加表情
限 100000 字节
响应相关主管单位规定,关闭回帖发帖功能
[VB毕业设计] [ASP毕业设计] [JAVA毕业设计] [JSP毕业设计] [PHP毕业设计] [asp.net毕业设计] [.net毕业设计] [网络毕业设计] [Delphi毕业设计] [VC毕业设计] [VF毕业设计] [机械毕业设计] [工艺毕业设计] [模具毕业设计] [其他毕业设计]
站长联系 cccbbsnet#163.com 本站系公益性质网站,站内广告维系本站运作。欢迎赞助本站。
大学生计算机相关方向|软件编程|网络工程|web开发|数据库技术|学习资料等
本社区仅供学习计算机相关技术所使用,访客发言不得违反国家法律法规
Time now is:10-24 06:35, Gzip enabled 蜀ICP备07004838号Powered by cccbbs.net v7.5 SP3 Code © 2003-06 cccbbs
计算机毕业设计