HTML列表、框架以及表单

上一篇文章为大家带来了HTML的介绍以及运行原理、图像表格的实际应用。本章迪派为大家介绍无序列表，有序列表，框架 浮动窗口 表单及表单控件，表单及表单控件一、 无序列表，有序列表：1.有序列表： 俺第一个实例成绩表项目上课休息星期星期一星期二星期三星期四星期五星期六星期日上午语文数学英语英语物理计算机1休息数学数学地理历史化学计算机2CADAI淘宝图形图像网站后台学历日文录入公建方正飞腾网页三剑客地理计算机4下午平面设计装潢英语日语会计PS休息数学数学地理历史化学计算机62.无序列表案例:代码:实例英雄精武门西游记type可以取disc、circle、square有序列表代码:实例卢俊义吴用林冲 type用于指定用什么来显示,start 表示从第几开始计算.type有：阿拉伯数字1, 2, 3, 小写字母 a, b, c, 大写字母 A, B, C, 小写罗马字母 i, ii, iii, 大写罗马字母 I, II, III, 二、框架 浮动窗口 表单及表单控件：Frameset框架集用途主要是用于分割显示多个页面frameset和frame配合使用，一般讲是用于后台页面快速入门:代码a.html页面用于保护其它页面 该frameset页面不能有body和body体b.html周杰伦齐秦周杰伦齐秦周杰伦齐秦周杰伦齐秦周杰伦齐秦周杰伦齐秦周杰伦齐秦周杰伦齐秦周杰伦齐秦周杰伦齐秦周杰伦齐秦周杰伦齐秦周杰伦齐秦周杰伦齐秦周杰伦齐秦周杰伦齐秦周杰伦齐秦周杰伦齐秦周杰伦齐秦target属性值有四个_blank :表示打开一个全新的页面(新窗口)_self:替换本页面(本窗口)_top:(整个浏览器窗口)_parent:(父窗口)*还有一个就是在target值中直接写对应的那个frame的名字.c.html:歌词大全其它页面Frameset的综合小案例:结构示意图:案例all.htmltop.htmlleft.html青花瓷当兵的人right.html歌词大全晚上的练习:1.按照笔记走一遍2.作业2.1做一个自己的网页，显示自己的基本信息：姓名、性别等（注意使用文本格式标记，要做得好看啊），并显示自己的照片（图象的标记还记得吗？）2.2.普通邮箱iframe的使用大连迪派有时我们需要，在一个含有的页面嵌入另外一个页面，形成画中画的效果,怎么处理-iframe元素(浮动窗口)入门案例iframe.htmlhello,world连接到taobao连接到kk.html表单元素为什么需要？看一个图:从上图可以看出，我们需要把一些数据提交给服务器处理,比如注册用户,发帖,这样就需要使用到表单元素(常见输入框、单选框、复选框、文本域、密码框、上传文件。)基本结构类型有：text, password, checkbox, radio, image, hidden, submit, reset一般说，表单元素通常是被包含起来的入门案例:login.html登录页面用户名:密码:Ok.html的内容,登录成功GET和POST之间的主要区别如下：（1）在客户端，Get方式在通过URL提交数据，数据在URL中可以看到；POST方式，数据放置在HTML HEADER内提交。（2）对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。（3）GET方式提交的数据最多只能有1024字节，而POST则没有此限制。（4）安全性问题。正如在（1）中提到，使用 Get 的时候，参数会显示在地址栏上，而 Post 不会。所以，如果这些数据是中文数据而且是非敏感数据，那么使用get；如果用户输入的数据不是中文字符而且包含敏感数据，那么还是使用post为好。（5）GET方式可以收藏地址, POST方式不能使用get时，第一对name/value值前要加一个问号?，以后每对name/value值间要用&分开。比如一个form中有三个参数，如下：Name: Age: Gender: 比如你在Name项填写Jacky，Age项填写50，Gender项填了male，提交之后的URL显示为：http:/localhost:8080/get.php?username=Jacky&age=50&gender=male原理图:三、表单及表单控件：