网页编程基础.pptVIP

网页编程基础 目标 掌握HTML的基本元素 掌握HTML的table元素 掌握HTML的form元素 理解JavaScript的基本原理。 掌握JavaScript的基本语法。 理解HTML事件机制。 基本概念 HTTP---HyperText Transfer Protocol：超文本传输协议 HTML---HyperText Markup Language：超文本标记语言 FTP---File Transfer Protocol：文件传输协议 URL---Uniform Resource Locators：统一资源定位器 HTML基本框架 html head titleSample/title /head body /body /html HTML基础 html…/html标记文档中含有超文本的内容 head…/headhtml文档的头部，含有初始化信息 title…/title页面的标题 body…/body文档体，包含页面所有的具体内容body bgcolor= text= link= alink= vlink= background= a href=URL target=windows_name … /a超级链接 img src= align= border= /图片标记 Head中的常用元素 meta：用于设置一些头信息 meta http-equiv=“content-type” content=“text/html;charset=gb2312” meta http-equiv=“refresh” content=“3;url=” style…/style用于定义格式 Script language=“”…/Script用于定义脚本 HTML字体和文字布局 h1…/h1…h6…/h6：各级标题 font color= size=…/font：字体的颜色、大小 b…/b：黑体i…/i：斜体u…/u：下划线sup…/sup：斜向上表示sub…/sub：斜向下表示 ul…/ul：无序号列表ol…/ol：有序号列表 p…/p：定义段落br：换行 div align=…/div：分区显示 HTML表格和表单标记 table…/table：定义表格tr…/tr：定义行td…/td：定义列th…/th：定义表头 form action=url method=get|post name=“formName”…/form定义表单 input type=“text” name= value= size= 文本框 input type=password name= value= size= 密码框 input type=checkbox value= name= 多选框 input type=radio value= name= 单选框 input type=hidden value= 隐藏项 textarea name= rows= cols=…/textarea 文本域 JavaScript JavaScript 是一种脚本语言,可以嵌入到HTML中,主要用于网页动态效果和HTML客户端表单验证 客户端的JavaScript 必须要有浏览器的支持 在网页中加入JavaScript 通过在网页中加入Script…/Script标记 引入外部的以.js作为扩展名JavaScript文件 一个页面可以有几个Script…/Script ，不同部分的方法和变量，可以共享。 JavaScript基本语法 JavaScript是一门弱类型的语言，所有的变量定义均以var来实现 JavaScript区分大小写 JavaScript中可以添加注释 //单行注释 /* 多行注释 */ JavaScript基本语法—变量 变量定义： 用var来定义变量 虽然JavaScript可以不需定义即可直接使用变量，但不建议这么做(12.htm) JavaScript基本语法—数组 数组定义 var arr = new Array(3); 通过arr.length取得数组的长度 13.htm JavaScript基本语法—运算符 算术运算 +、-、*、/（14.htm） 、、=、=、=、== JavaScript基本语法—运算符 逻辑运算 与： 或：|| 非：! 15.htm JavaScript基本语法—运算符 字符串运算符 连接运算：+ (16.htm) 取子集：substring(index1,index2)(17.htm) JavaScript基本语法—运算符 条件表达式 条件?A:B(18.htm) JavaScript基本语法—控制语句 if语句 if(条件)