wordpress   发布时间:2022-04-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了表格定义标记大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

概述

<HTML> <BODY> <TABLE WIDTH="300" BORDER="1"> <TR> <TD COLSPAN="3" ALIGN="CENTER">学生登记表 </TD> </TR> <TR> <TH>姓名</TH><TH>年龄</TH><TH>性别</TH> </TR> <TR> <TD>张三</TD
<HTML>
	<BODY>
		<TABLE WIDTH="300" BORDER="1">
			<TR>
				<TD COLSPAN="3" ALIGN="CENTER">学生登记表
</TD>
			</TR>
			<TR>
				<TH>姓名</TH><TH>年龄</TH><TH>性别</TH>
			</TR>
			<TR>
				<TD>张三</TD><TD>23</TD><TD>男</TD>
			</TR>
			<TR>
				<TD>玛丽</TD><TD>20</TD><TD>女</TD>
			</TR>
		</TABLE>
	</BODY>
</HTML>

 

@H_404_12@表格定义标记

<TABLE>标记用于定义一个表格,它的基本格式如下:

<TABLE>
	<TH>
		<TD>第一列</TD><TD>第一列</TD>
	</TH>
	<TR>
		<TD>第一列</TD><TD>第一列</TD>
	</TR>
</TABLE>

 

<TABLE>标记用于定义一个表格,它可以有一些属性用于控制这个表格的特点,下面就是一些常用的属性

WIDTH:WIDTH属性用于定义表格的宽度,可以用一个整数来表示像素或者用一个百分比来表示占浏览器显示框架的大小,如果没有定义这个属性,那么表格的宽度将根据表格中实际内容所占的大小来决定;

HEIGHT:HEIGHT属性用于定义表格的高度,同样也可以使用一个整数来表示像素或者用一个百分比来表示占浏览器显示框架的高度。这个属性通常不用,而是根据表格中的内容使用认的高度;

BORDER:BORDER属性用于定义表格的边框的宽度,认为0,也就是没有边框;

BGCOLOR:定义表格的背景色。

l  <TR>

用于定义表格的一行。

l  <TH>

用于定义表头(Table Head)中的列,在浏览器中,通常是表现为粗体居中文字。

l  <TD>

用于定义表格的一列,所有的表格内容都放在<TD></TD>之间,可以是文字图片、表单(FORM)元素甚至是另一个表格。可以在<TD>中用WIDTH设置各列的宽度,用ALIGN属性来设置表格格子中内容的水平对齐方式,可以使用LEFT、CENTER、RIGHT中的一个值。另外,对于不规则的表格,可以使用ROWSPAN来设置表格的格子跨越的表格行数,而用COLSPAN来设置表格的格子所跨越的表格列数。

在进行表格定义时,<TR>标记必须放在<TABLE>标记之间,而<TD>(<TH>)标记必须放在<TR>标记之间。

<HTML>
	<BODY>
		<TABLE WIDTH="300" BORDER="1" BGCOLOR="#A1A1A1">
			<TR BGCOLOR="#5E5E5E">
				<TH>姓名</TH><TH>年龄</TH><TH>性别</TH>
			</TR>
			<TR>
				<TD>张三</TD><TD>23</TD><TD>男</TD>
			</TR>
			<TR>
				<TD>玛丽</TD><TD>20</TD><TD>女</TD>
			</TR>
		</TABLE>
	</BODY>
</HTML>

 

不规则的表格

 

<HTML>
	<BODY>
		<TABLE WIDTH="300" BORDER="1">
			<TR>
				<TD COLSPAN="3" ALIGN="CENTER">学生登记表
</TD>
			</TR>
			<TR>
				<TH>姓名</TH><TH>年龄</TH><TH>性别</TH>
			</TR>
			<TR>
				<TD>张三</TD><TD>23</TD><TD>男</TD>
			</TR>
			<TR>
				<TD>玛丽</TD><TD>20</TD><TD>女</TD>
			</TR>
		</TABLE>
	</BODY>
</HTML>
@H_262_84@

大佬总结

以上是大佬教程为你收集整理的表格定义标记全部内容,希望文章能够帮你解决表格定义标记所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。