分享

HTML中表格的制作与编辑

 清勤居士 2008-12-11

1.<table></table>:整体表格外边框的开始与结束,控制着一个表格的开始与结束。

2.<tr></tr>:表格中一行的开始与结束。

3.<td></td>:一行中一个单元格的开始与结束

这三个标记是定义表格的最重要的标记,可以说只学这三个已足够。

<TABLE>的参数设定(常用):

例如:<table width=”400” height=200 border=”1” cellspacing=”2” cellpadding=”2” align=”CENTER” valign=”TOP” background=”” bgcolor=”#0000ff” bordercolor=”#ff00ff” bordercolorlight=”#00ff00” bordercolordark=”#00ffff” cols=”2”>

width=”400”:表格宽度,接受绝对值及相对值

height=200:表格高度

border=”1”:表格边框厚度,不同浏览器有不同的内定值

cellspacing=”2”:单元格间距

cellpadding=”2”:单元格边距

align=”CENTER”:表格的排列位置(水平),可选值为:left,right,center

valign=”TOP”:表格内字画等的位置(垂直),可选值为:top,middle,bottom

background=””:表格背景图片

bgcolor=”#0000ff”:表格底色

bordercolor=”#ff00ff”:表格边框颜色

&nasp:一个空格

Colspan:合并列

Rowspan:合并行

网页中表单的应用

 

表单就是网站管理员与网站浏览者沟通的一个桥梁,通过浏览者在表单里填上相关的内容,提交到后台以后,给管理员进行处理。

一、大多数网站都离不开表单,如在线购物、在线调查、在线申请等都包含表单,尤其是专业的电子商务网站。

一个完整的表单由两部分组成:一是我们看到的下拉菜单、文本框,按钮被称为表单控件。二是包围在表单控件外围隐藏的区域,表单域,表单域主要是划分区域与属别的,只有有了表单域才能确定当前的表单控件是属于哪一组的,如果没有表单域,便无法实现向后台服务器进行提交的功能。

二、如何添加表单

A、插入面板——表单——单击表单控件

B、插入——表单——表单(指的表单域)

C、先要在当前位置插入表单域,表单域默认和网页同宽。

D、用户名:后面插入一个文本框。

E、敲回车键,表单域自动被拉高,输入密码:再插入一个文本框。

F、输入个人爱好:插入复选框

G、输入性别:插入单选框

H、输入城市:做一个下拉菜单

I、输入一个“提交”“重置”

三、相关的知识点

A、选中文本框,下方的属性:

1类型:单行,不支持换行。

2密码:选中后,文本框中的内容是不可见的。

3文本域:名称不能用中文,,如果不起名,文本域中的名称不能删除,否则文本框就是一个摆设。

4字符宽度:默认的是24个,控制文本框的长度。

5最多字符:空白的,没有限制。

6初始值:控制文本框中初始文本是什么。

7多行:选择多行后,文本框样式发生改变,自动换行,默认是2行,一次只能看到2行,多余的可以通过滚动条来看。

8换行:用来控制换行在文本框中是如何进行的。

默认:内容超出文本框的宽度后,默认转到下一行。

关:关闭默认功能,文本一直向右输入,按回车键后才能换行。

虚拟和实体:会默认转到下一行,区别:在向后台服务器提交时,会把换行服务以其它方式来进行提交

B、复选框的的属性

1复选按钮:为这个复选框命名,每一个都是独立的,名称不能一样,

2选定值:后台服务器收到的内容

3初始状态:已勾选,预览网页时的出现的内容

C、单选框属性

1单选按钮:所有的单选框名称都要相同,如果不同,就没有意义,因为只有是一组的,才能一次选一个。

D、下拉菜单

1列表值:项目标签是显示给用户选择的选项,值是传给后台的内容。

2初始化:选择一个,打开浏览器时默认就是选定的状态

3如果选择列表:一定要把高度改一下,1是不会变的

4下拉菜单:显示时只有一个,5个以上用菜单

5列表:一次显示多个,数据少时用。

E、按钮的属性

1值:控制按钮的文字

2动作:提交表单,有两个功能:一是跳转到指定的后台程序,二是不仅跳转,而把表单中所有的数据一起跳转到相应的程序文件中

3重设:如果内容写错了,能刷新成默认值或空白的,

4无:没有任何功能,只是一个普通按钮

F、表单属性

1表单域:是表单对象的容器,可为表单控件划分区域与组别

2表单名称:在该域中输入整体表单的名称

3动作:在该域中指定处理表单信息的脚本或应用程序,即为表单添加一个链接

4方法:在该下拉菜单中选择处理表单数据的方式

Post:此种方式是将表单值封装在消息主体中发送,适合于发送大容量的数据

Get:此种方式将提交的表单值追加在URL后面发送给服务器的,适合于小容量的数据。

5mime类型:在下拉菜单中选择处理数据的mime编码类型,A开头的通常与post方式传送的数据相关联。M开头的一般情况下如果要创建上传文本的文本域则选择该类型

6目标:选择显示的窗口,与超链接中的目标使用方法相同

网页中框架的应用

 

在网页中经常会有一些内容是不需要改变的,如:导航栏、网页标题等。就可以使用框架对页面进行布局。

框架可以简单的理解为将显示窗口划分为许多子窗口,每个窗口显示独立的文档,可以使浏览者很方便地在不同的页面之间跳转,网站中的BBS论坛以及邮箱的操作界面都是通过框架来实现的。

一、框架:它提供将一个浏览器窗口划分为多个区域,每个区域都可以显示不同的内容

二、框架的分类

1外部框架:主要应用于整体网页文档,可将整个网页划分为多个区域,

2内部框架:可对网页内部的对象进行划分,例如表格

三、框架集:框架集是HTML文件,它定义一组框架的布局和属性,包括框架数目、框架的大小和位置,

四、框架集与框架之间的关系,其实就是包含与被包含的关系,

五、创建外部框架

1插入面板——布局分类下——单击下拉菜单

2文件——创建——常规——框架集

3查看——可视化——框架边框,可以从上左边拖动。拖出线后,再拖此线就是移动,按住Alt键,拖动是复制

六、删除框架:指向要删除的框架,拖到页面外边即可。

七、如何选择框架

1按住Alt键,单击相应的框架

2窗口——框架——单击相应的框架

3Shift+f2单击相应的边框或外围

八、属性

1名称:不能是中文,

2源文件:指定框架显示的文档

3滚动:控制框架是否有滚动条出现。一般选择自动

4不能调整大小, 勾选后,不能在浏览器中调整当前框架的大小,反之则能改变大小和位置

5边框:设置是否显示框架的边框

6边框颜色:设置所有边框的颜色

7边框宽度、高度:框架边框的宽、高度,空白为0

8百分比:指定所选择的行或列相对于框架集大小的百分比

9相对单位:在指定像素和百分比空间后分配剩余的框架空间

九、可能有的浏览器不支持框架,应如何设置

修改——框架页——编辑无框架内容,一般会写:对不起,您当前所使用的浏览器版本过低,无法显示该页的内容,请更新浏览器。完成后,再选择修改——框架页——编辑无框架内容,(此操作不支持保存)

十、也可以在代码中编写

<noframes></noframes>编写

十一、内部框架的作用

外部框架是将整体网页拆分成若干个独立的区域,如果将里面的一个部分再进行拆分,外部框架无法完成,而内部则可以,内部框架通常都是在后台用源代码来实现的

书写的代码格式为:

<iframe src=文件路径 frameborder=0/1 scrlling=no/yes/auto with=宽度 heigh=高度 name=名称></iframe>动画1:花 动画2:水滴

Frameborder:0代表无边框,1代表有边框

Scrlling:设置是否有滚动条

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多