html以及javascript.docx

动态网页和静态网页后缀是html或htm一般都为静态，有些网页后缀是html，但是伪静态技术动态 网页：是指数据是随时更新的，可以与客户交互的网页,一般使用asp,php,来实现创始第一个例子创建一个记事本，在其中添加标题My first html将本文件保存为.html后缀，即可访问 这里的称作标签,标签是成对的，即有开始标签也有结束标签，例如：标签之间可以嵌套，即大标签包含小标签，但不可交错包含这是错的这是里的html标签表示本文件是一个超文本网页，body标签表示主体，将所有要在页面上显示的内容都要放在body中添加一个图片在body标签中添加Img标签用于显示图片，可以将开始标签和结束标签写在一起，即Src即img标签的属性，可以设置img标签的特征图片的引用方式1. 使用本地路径，即c:abtest.jpg2. 使用绝对路径,即/tet.jpg3. 使用相对路径的上一级目录即./test.jpg使用根目录下的图片即/test.jpg使用相同目录下的子目录中的图片即img/test.jpg注意：HTML语法不严格，不区分大小写属性尽量使用”包含在写的时候，写完开始标签应立即写出结束标签，以防止忘记超链接用来跳转到另一个页面这里放链接显示的文字属性:target用来指定跳的方式Target=”_blank”用于打开新的窗口显示网页输入框表格表格用来创建在网页中显示的表格,使用table标签，其中行使用tr,列使用td,table包含tr，tr包含td表单我们上网进行搜索、注册、登陆等需要输入信息的文本框、单选框、复选框、下拉列表、上传文件等这些与客户交互的控件就是表单,表单是实现动态网页的一个条件.表单标签:表单基本标签有：表单标签都要指定name属性，name值尽量见名知意复选框和单选框需要指定value值,方便将选中的值进行提交其它标签如text,textarea,password也可以加value属性单选框和复选框可以添加默认选中的属性checked下拉列表select可以通过selected设置默认选中项文本框密码框多行文本框游泳旅游篮球单选框男女下拉列表框shandongshanghaibeijing文件上传框按钮提交框取消框框架Frameset必须放在boddy标签外面Frameset用于将网页分割成行或列Frame src用来在框架中加载页面body学生信息录入学生信息管理学生档案CSS在HTML中引用CSS的方式一般有三种1. 直接在html的标签中添加2. 在html文件头中统一定义css样式，然后 在下面引用table background-color:#0C0tr background-color:#00Ftd.td1 background-color:#000td.td2 background-color:#F00td.td3 background-color:#FF0.tr1blue background-color:#0FF.tr1red background-color:#F00然后在td中使用class=”来引用3. 将css样式写在外部文件中，后缀为.css，然后 在html中使用link来引用创建css文件demo.css,在其中添加样式定义在html中使用来引用当对于一个html标签应用了多个样式时，最小的标签先起作用Javascript在head标签中添加Alert(hello);从外部文件引用每个指令后面都以;分号结尾定义变量 var 变量名=值;/这里的var是定义变量Javascript中并不强制定义数据类型,即使用var v1=里面可以放任何数据类型的值定义方法 function 方法名() 指令;定义带参数的方法 function 方法名(a,b) alert(a+b);定义带返回值的方法function add(a,b)return a+b;var result=add(66,5);调用方法 方法名();字符串连接使用+ 如 “中国”+”万岁”判断数值相等使用=两个等号不相等使用!=运算符有:+-*/%关系运算符: = != =逻辑运算符: & | !数组定义: var arr=new Array(2,5,8);创建数组: var arr=new Array(中,国);数组引用:arr0;在javascript中表示单引号 双引号 ” 换行 n如: alert(中国 万岁n 好好);数据类型转换: 1+”a”得字符串1a1+true得2，即1+1=2 true代表1 false代表0true+”a” 得字符串”truea”注释:/注释一行/*注释多行*/获得表单中文本框的值form1.username2.value=form1.username.value;表单校验1. 在head中定义javascript方法function validate()/判断是否为空if(form1.username.value=null|form1.username.value=)alert(对不起，用户名不能为空);form1.username.focus();return false;else if(form1.username.value.length20)alert(对不起，用户 名必须在6-20个字符之间);form1.username.focus();return false;else if(form1.password.value=null|form1.password.value=)alert(对不起，密码不能为空);form1.password.focus();return false;return true;2. 在form标签中添加onsubmit事件，并调用上面的js方法PHPApache+mysqlWeb开发技术,用来开发bs模式的应用软件 一般用来开发门户网站和基本的信息管理系统注意：1， 要想运行php,必须启动apache服务器2， Mysql是数据库，用的时候再开启也可以，3， Php脚本必须写在.php文件中4， Php脚本的语法 是5， Html语言和php脚本是两种不同的语言，php脚本中不能写html的标签6， 访问 php文件 ，必须通过浏览器访问 apache服务器来访问，不能直接用浏览打开方式打开。第一个例子1. 创建一个html文档 ,将后缀改成.php2. 打开apache服务3. 将这个php文件 拷入apache服务的目录中4. 在上面的php的body标签中，添加,注意，?和php之前没有空格5. 利用php脚本打印hello ，在之间添加 echo hello world!;Echo是用来向页面打印信息用.6. 打开浏览器，输入http:/localhost 这是访问apache服务器根目录，你将会看到里面的现有的文件 7. 如果想通过不同的电脑访问 你的php文件 ，可以在另一个电脑上使用http:/服务器ip地址/文件 名.php 来访问 利用php脚本控制html打印表格1. 使用循环打印三个表格?phpfor($i=1;$idsdf2. 使用循环echo输出三行三列的表格?phpecho ;for($i=1;$i=3;$i+)echo ;for($j=1;$j=3;$j+)echo ;echo $j;echo ;echo ;echo ;? 3. 使用循环打印一个三行的表格?phpfor($i=1;$idsdf4. 使用循环打印一个三行的表格?phpfor($i=1;$i?phpfor($j=1;$ja利用php脚本控制html标签的显示1.以字符串的形式输出html标签在你的php脚本中可以使用echo “sohu”;来向网页打印一个超链接，即可以通过echo以字符串的形式向网页输出html标签.例子:20)echo baidu;elseecho baidu2;?2.使用php脚本与html标签嵌套的方式输出即在php脚本之间嵌套html标签，如下:2)?baidubaidu2MYSQL数据库开源免费的数据库做中小型数据库系统数据类型Tinyint数值型 范围-128-127Int用来存放数值型数据2147483647Bigint 用来存放数值数据，范围比int大Char 固定长度的字符Varchar可变长度的字符串类型 0-255字节Longtext 用来存放大字符数据类型 ，范围为2000000000字节的字符串Date日期型数据Datetime日期时间型数据PHP连接mysql数据库/注册功能1.创建数据表在mysql数据库中创建一个表，用来存放用户的基本信息,3. 创建一个让用户填写数据的页面会员注册用户名密码年龄性别男女4. 创建一个网页php接收用户提交过来的请求数据，并在里面连接数据库，插入表中会员注册?php/接收参数$un=$_POSTusername;$pw=$_POSTpassword;$age=$_POSTage;$sex=$_POSTsex;echo $un.$pw.$age.$sex;/连接数据库$serverurl=localhost;$dbun=root;$dbpw=123456;$dbname=bbs;$connect=mysql_connect($serverurl,$dbun,$dbpw) or die(连接数据库失败.mysql_error();/选择数据库mysql_select_db($dbname);/设置字符名称mysql_query(set Names GBK);/生成sql语句$sql=insert into bbs_user(username,password,age,sex) values($un,$pw,$age,$sex);mysql_query($sql,$connect) or die(插入数据失败.mysql_error();echo 注册成功;echo alert(注册成