网页表格的属性怎么设置?
当前位置:贝知网>知识分享>设计开发>网页表格的属性怎么设置?
网页表格的属性怎么设置?
时间:2022-09-16 设计开发

网页表格的属性怎么设置?

网页表格的属性怎么设置

表格是网页布局中的重要元素,它有丰富的属性,可以美化表格:1.边框设置:使用标签的border属性;2.大小设置,通过width和height

属性指定像素值来设置;3.背景颜色,设置bgcolor属性设置。

1.设置表格的边框

可以使用标签的border属性为表格添加边框并设置边框宽度及颜色。表格的边框按照数据单元将表格分割成单元格,边框的宽度以像素为单位。在默认情况下表格边框为0。

2.设置表格大小

如果需要表格在网页中占用适当的空间,可以通过width和height

属性指定像素值来设置表格的宽度和高度,也可以通过表格宽度占浏览器窗口的百分比来设置表格的大小。

width和height属性不但可以设置表格的大小,还可以设置表格单元格的大小,为表格单元设置width或height属性,将影响整行或整列单元的大小。

3.设置表格背景颜色

表格背景默认为白色,根据网页设计要求,设置bgcolor属性,可以设定表格背景颜色,以增加视觉效果。

4.设置表格背景图像

表格背景图像可以是GIF、JPEG或PNG三种图像格式。设置background属性,可以设定表格背景图像。

同样,可以使用bgcolor和background属性为表格中的单元格添加背景颜色或背景图像。

需要注意的是,为表格添加背景颜色或背景图像时,必须使表格中的文本数据颜色与表格的背景颜色或背景图像形成足够的反差,否则,将不容易分辨表格中的文本数据。

5.设置表格单元格间距

使用cellspacing属性可以调整表格的单元格和单元格之间的间距,使得表格布局不会显得过于紧凑。

6.设置表格单元格边距

单元格边距是指单元格中的内容与单元格边框的距离,使用cellpadding属性可以调整该距离。

7.设置表格在网页中的对齐方式

表格在网页中的位置有三种情况:居左、居中和居右。使用align属性设置表格在网页中

的对齐方式,在默认的情况下表格的对齐方式为左对齐。格式为:当表格位于页面的左侧或右侧时,文本填充在另一侧;当表格居中时,表格两边没有文本;当align属性省略时,文本在表格的下面。

8.表格数据的对齐方式

(1)行数据水平对齐。使用align属性可以设置表格中数据的水平对齐方式。如果在标签中使用align属性,将影响整行数据单元的水平对齐方式。align属性的值可以是left、center、right,默认值为left。

(2)单元格数据水平对齐。如果在某个单元格的标签中使用align属性,那么align属性将影响该单元格数据水平对齐方式。

(3)行数据垂直对齐。如果在标签中使用valign属性,那么valign属性将影响整行数据单元的垂直对齐方式,这里的valign属性的值可以是top、middle、bottom、baseline,默认值为middle。

网页制作表单元素有哪些

HTML中常用的表单元素包括:文本区域(TEXTAREA),列表框(SELECT),文本输入框,密码输入框,单选输入框,复选输入框,重置按钮、提交按钮、隐藏域等等。

1、文本域。

2、密码域。密码跟文本框类似,但是在里面输入的内容显示为圆点。

3、单选按钮。如男人: Male;女人:Female。

4、复选框。

5、按钮。

6、重置按钮。当点击重置按钮时,重置按钮所在的表单将全部清空,而其他表单不受影响。

7、提交按钮。当点击提交按钮时,浏览器将自动提交表单。

8、隐藏域。隐藏域在浏览器中并不显示,仅仅为保存一些不太重要的资料而存在。

9、上传域。

10、图片按钮。

11、下拉列表。例如:属性:disabled,可选值:disabled,说明:规定禁用该下拉列表。

12、label。label元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在label元素内点击文本,就会触发此控件。

就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。例如,当将单选按钮放在label内。则点击label内的文字也会触发单选按钮,而不必只是点中小圆点。

13、禁用(disabled)与只读(readonly)、禁用和只读属性。readonly只针对input(text /

password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox,

button等。

但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去。

14、TextArea。

15、fieldset定义域。fieldset用于给表单元素分组,legend用于设置分组标题。

表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分:

表单标签,这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。

表单域,包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。

表单按钮,包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。