[PPT模板]HTML_JS_CSS.ppt

HTML/JS/CSS南京润和培训中心 HTML/JS/CSS介绍 HTML是英文 HyperText Markup Language 的缩写，它是一种标记语言，不需要编译，而直接由浏览器解释执行。HTML文件是纯文本文件，可以用任何文本编辑器来编辑。 JavaScript是一种客户端脚本语言，它是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言等一起实现在一个Web页面中链接多个对象，与Web客户交互等。 CSS是Cascading Style Sheet（层叠样式表单）的简称。它是一种设计网页样式的工具，是一种可加进HTML，控制HTML文件显示格式的语言。 课程目标 1.HTML基本结构 Demo1.html： html head title显示在浏览器最上边蓝色条中的文本/title /head body bgcolor=red text=blue p红色背景、蓝色文本/p /body /html 2.HTML表格 HTML表格的基本结构如下： table……/table定义表格 th……/th定义表头 tr……/tr定义表行 td……/td定义表列 2.HTML表格 Demo2.html： html head title表格标志的综合示例/title /head body table border=1 width=80% bgcolor=#E8E8E8 cellpadding=2 tr th width=33% colspan=2 valign=bottom意大利/th th width=36% colspan=2 valign=bottom英格兰/th th width=36% colspan=2 valign=bottom西班牙/th /tr tr td width=16% align=centerAC米兰/td td width=16% align=center佛罗伦萨/td td width=17% align=center曼联/td td width=17% align=center纽卡斯尔/td td width=17% align=center巴塞罗那/td td width=17% align=center皇家社会/td /tr tr td width=16% align=center尤文图斯/td td width=16% align=center桑普多利亚/td td width=17% align=center利物浦/td td width=17% align=center阿申纳/td td width=17% align=center皇家马德里/td td width=17% align=center马德里竞技/td /tr /table /body /html 2.HTML表格 表格尺寸设置：width、height 边框尺寸设置：border 格间线宽度：cellspacing 内容于格线之间宽度：cellpadding 表格内文字的对齐：align、valign 跨多行、多列的表元：rowspan、colspan 3.HTML表单 form/form form/form标志对用来创建一个表单，也即定义表单的开始和结束位置，在标志对之间的一切都属于表单的内容。 action method target 3.HTML表单 input type=“”input type=“”标志用来定义一个用户输入区，用户可在其中输入信息。此标志必须放在form/form标志对之间。每个输入区有两个公共的属性name和value。 input type=TEXT size= maxlength= input type=SUBMIT input type=“BUTTON input type=RESET input type=RADIO input type=CHECKBOX checked input type=HIDDEN input type=IMAGE src=URL input type=PASSWARD img src=“xx 3.HTML表单 select/selectoption select/select标志对用来创建一个下拉列表框或可以复选的列表框。select具有multiple、name和size属性。multiple属性不用赋值，直接加入标志中即可使用，加入了此属性后列表框就成了可多选的了；name是此列表框的名字