HTML,CSS,JAVASCRIPT基础篇范本.ppt

====================================================================================================================================-=--;HTML的基本标签;HTML文件的基本结构;使用记事本创建网页;META标签;页面背景色或背景图像;文本相关标签;字体、字号相关标签;FONT size=“+2” color=“red” face=“律书” ... /FONT;字体、字号相关标签;……. P align=center淘宝集市欢迎您！/P P align=left淘宝网首届翠友会！BR …… /P ……;图像标签;图像标签;图像标签;文字布局;如何使用内容分隔HR标签;如何使用列表;预格式文本PRE标签;如何使用预格式文本PRE标签;页面链接A标签;页面链接A标签;页面链接A标签;页面链接A标签;页面链接A标签;页面链接A标签;滚动MARQUEE标签;查看源代码;;;表格的基本语法;如何创建表格;;跨多列的表格 ;跨多行的表格 ;TABLE border=1 TR TD手机充值、IP卡 /TD TD colspan=2办公设备、文具/TD /TR TR TD rowspan=2各种卡的总汇/TD TD铅笔/TD TD彩笔/TD /TR TR TD打印/TD TD刻录/TD /TR /TABLE;小结1;;如何设置表格的尺寸和边框;如何设置背景;如何设置对其方式;为什么要使用填充属性;什么是填充属性和间距属性;如何使用填充、间距属性;如何设置表格的填充属性;小结2;如何实现图文内容的布局，达到如左图所示页面的效果？ 分析上图所示页面，应该用什么进行布局？ ;如何使用表格进行布局;;;表单包含的控件;表单页面的基本结构;表单元素的统一格式;表单元素的逐一介绍;表单元素的逐一介绍;表单元素的逐一介绍;表单元素的逐一介绍;列表框基本语法 ;表单元素的逐一介绍;表单元素的逐一介绍;小结1;框架;框架使用场合;frameset cols=“25%,50%,*” rows =“50%,*” border=“5” frame src=“the_first.html …… /frameset;框架的基本结构;如何创建多个复杂的窗口;如何创建多个复杂的窗口;如何设置窗口链接的显示位置;如何设置窗口链接的显示位置;小结2;CSS样式表;样式表的基本语法;样式表的基本语法; STYLE type=text/css .red { color:red; font-family:隶书; font-size:24px; } …… /STYLE;样式表的基本语法;常用的样式属性;常用的样式属性;小结1;常用的样式属性;常用的样式属性;常用的样式属性;常用的样式属性;常用的样式属性; 要实现下图细边框的效果，该如何编写样式规则？;常用的样式属性;常用的样式属性;编写如下图所示效果对应的HTML代码;常用的样式属性;常用的样式属性;样式表的三类应用方式;内嵌样式表;行内（嵌入）样式表;行内（嵌入）样式表;行内（嵌入）样式表;外部样式表文件;外部样式表文件; 链接（LINK ）外部样式表; 导入（@import）外部样式表;;JavaScript;回顾HTML-1;回顾HTML-2;;;什么是JavaScript; 特点：;;c#与JavaScript区别:;环境;JavaScript事件调用方式：;错误调试;;编写JavaScript代码;编写JavaScript代码;常量 直接在程序中出现的数据值 标识符 由不以数字开头的字母、数字、下划线(_)、美元符号($)组成 常用于表示函数、变量等的名称 例如：_abc,$abc,abc,abc123是标识符，而2abc不是 JavaScript语言中代表特定含义的词称为保留字，不允许程序再定义为标识符;ECMA v3标准保留的JavaScript的关键