<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>

 

表格定义标记

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

<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>

 

 

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄