Html table tag code learning guide 2012

Html table

Learn html table codes and tags using the sample below.

Html table

TABLE

(Note: this information applies to HTML 3.2 tables.
Future references will support the full HTML 4.0 table model.)
Contents:

TABLE (general overview)

ALIGN
BGCOLOR (TABLE)
BGCOLOR (TD)
BORDER
CAPTION
CELLPADDING
CELLSPACING
COLSPAN
ROWSPAN
VALIGN
WIDTH

TABLE

CODE

BROWSER

<TABLE>

  <TR>

    <TD>Data 1</TD>

    <TD>Data 2</TD>

  </TR>

  <TR>

    <TD>Data 3</TD>

    <TD>Data 4</TD>

  </TR>

</TABLE>

Data 1	Data 2
Data 3	Data 4

<TR> = Row

<TD> = Data Cell (Column)

TD ALIGN

CODE

<TABLE>

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

    <TH>Header 3</TH>

  </TR>

  <TR>

    <TD ALIGN="LEFT">Data 1</TD>

    <TD ALIGN="CENTER">Data 2</TD>

    <TD ALIGN="RIGHT">Data 3</TD>

  </TR>

</TABLE>

BROWSER

Header 1	Header 2	Header 3
Data 1	Data 2	Data 3

TABLE BGCOLOR

CODE

BROWSER

<TABLE BGCOLOR="#FFFF00">

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

  </TR>

  <TR>

    <TD>Data 1</TD>

    <TD>Data 2</TD>

  </TR>

  <TR>

    <TD>Data 3</TD>

    <TD>Data 4</TD>

  </TR>

</TABLE>

BGCOLOR="#FFFF00"

Header 1	Header 2
Data 1	Data 2
Data 3	Data 4

BGCOLOR="yellow"

Header 1	Header 2
Data 1	Data 2
Data 3	Data 4

TD BGCOLOR

CODE

<TABLE BGCOLOR="silver">

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

  </TR>

  <TR>

    <TD BGCOLOR="#FFFF00">Data 1</TD>

    <TD>Data 2</TD>

  </TR>

  <TR>

    <TD>Data 3</TD>

    <TD BGCOLOR="yellow">Data 4</TD>

  </TR>

</TABLE>

BROWSER

Header 1	Header 2
Data 1	Data 2
Data 3	Data 4

TABLE BORDER

CODE

BROWSER

<TABLE BORDER="2">

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

  </TR>

  <TR>

    <TD>Data 1</TD>

    <TD>Data 2</TD>

  </TR>

  <TR>

    <TD>Data 3</TD>

    <TD>Data 4</TD>

  </TR>

</TABLE>

BORDER="2"

Header 1	Header 2
Data 1	Data 2
Data 3	Data 4

BORDER="0"

Header 1	Header 2
Data 1	Data 2
Data 3	Data 4

<TABLE><CAPTION>

CODE

<TABLE BORDER="2">

<CAPTION>This is a caption</CAPTION>

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

  </TR>

  <TR>

    <TD>Data 1</TD>

    <TD>Data 2</TD>

  </TR>

  <TR>

    <TD>Data 3</TD>

    <TD>Data 4</TD>

  </TR>

</TABLE>

BROWSER

This is a caption
Header 1	Header 2
Data 1	Data 2
Data 3	Data 4

TABLE CELLPADDING

CODE

BROWSER

<TABLE CELLPADDING="0">

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

  </TR>

  <TR>

    <TD>Data 1</TD>

    <TD>Data 2</TD>

  </TR>

  <TR>

    <TD>Data 3</TD>

    <TD>Data 4</TD>

  </TR>

</TABLE>

CELLPADDING="0"

Header 1	Header 2
Data 1	Data 2
Data 3	Data 4

CELLPADDING="7"

Header 1	Header 2
Data 1	Data 2
Data 3	Data 4

TABLE CELLSPACING

CODE

BROWSER

<TABLE CELLSPACING="0">

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

  </TR>

  <TR>

    <TD>Data 1</TD>

    <TD>Data 2</TD>

  </TR>

  <TR>

    <TD>Data 3</TD>

    <TD>Data 4</TD>

  </TR>

</TABLE>

CELLSPACING="0"

Header 1	Header 2
Data 1	Data 2
Data 3	Data 4

CELLSPACING="7"

Header 1	Header 2
Data 1	Data 2
Data 3	Data 4

TD COLSPAN

CODE

<TABLE>

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

  </TR>

  <TR>

    <TD COLSPAN="2">Data 1</TD>

  </TR>

  <TR>

    <TD>Data 3</TD>

    <TD>Data 4</TD>

  </TR>

</TABLE>

BROWSER

Header 1	Header 2
Data 1
Data 3	Data 4

TD ROWSPAN

CODE

<TABLE>

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

  </TR>

  <TR>

    <TD ROWSPAN="2">Data 1</TD>

    <TD>Data 2</TD>

  </TR>

  <TR>

    <TD>Data 4</TD>

  </TR>

</TABLE>

BROWSER

Header 1	Header 2
Data 1	Data 2
Data 1	Data 4

TD VALIGN

CODE

<TABLE>

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

    <TH>Header 3</TH>

  </TR>

  <TR>

    <TD VALIGN="TOP">Data 1</TD>

    <TD VALIGN="MIDDLE">Data 2</TD>

    <TD VALIGN="BOTTOM">Data 3</TD>

  </TR>

</TABLE>

BROWSER

Header 1	Header 2	Header 3
Data 1	Data 2	Data 3

TABLE WIDTH

CODE

BROWSER

<TABLE WIDTH="75%">

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

  </TR>

  <TR>

    <TD>Data 1</TD>

    <TD>Data 2</TD>

  </TR>

  <TR>

    <TD>Data 3</TD>

    <TD>Data 4</TD>

  </TR>

</TABLE>

WIDTH="75%" (percent)

Header 1	Header 2
Data 1	Data 2
Data 3	Data 4

WIDTH="125" (pixels)

Header 1	Header 2
Data 1	Data 2
Data 3	Data 4

Html table source code


<FONT SIZE=2 COLOR=#333333 FACE="Verdana, Arial"><B>
<H2><A NAME="top">TABLE</A></H2>

<DIV>

<P>(Note: this information applies to HTML 3.2 tables.  
<BR>Future references will support the full HTML 4.0 table model.)

<P>Contents:</P>

<OL>

	<LI><A HREF="#general">TABLE (general overview)</A><BR><BR>

	<LI><A HREF="#align">ALIGN</A>

	<LI><A HREF="#tablecolor">BGCOLOR</A> (TABLE)

	<LI><A HREF="#tdcolor">BGCOLOR</A> (TD)

	<LI><A HREF="#border">BORDER</A>

	<LI><A HREF="#caption">CAPTION</A>

	<LI><A HREF="#cellpadding">CELLPADDING</A>

	<LI><A HREF="#cellspacing">CELLSPACING</A>

	<LI><A HREF="#colspan">COLSPAN</A>

	<LI><A HREF="#rowspan">ROWSPAN</A>

	<LI><A HREF="#valign">VALIGN</A>

	<LI><A HREF="#width">WIDTH</A>

</OL>

</DIV>

</B></FONT>

<P><A NAME="general"><B>TABLE</B></A></P>

<TABLE BORDER="1" WIDTH="100%">

<TR>

	<TH BGCOLOR="#FFFAF0"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>CODE</B></FONT></TH>

	<TH BGCOLOR="#FFFAF0"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>BROWSER</B></FONT></TH>

</TR>

<TR>

	<TD VALIGN="TOP">

<PRE><TABLE>

  <TR>

    <TD>Data 1</TD>

    <TD>Data 2</TD>

  </TR>

  <TR>

    <TD>Data 3</TD>

    <TD>Data 4</TD>

  </TR>

</TABLE>

</PRE>

	</TD>

	<TD VALIGN="TOP">

	<P><BR></P>

	<CENTER>

	<TABLE BORDER="2">

		<TR>

			<TD>Data 1</TD>

			<TD>Data 2</TD>

		</TR>

		<TR>

			<TD>Data 3</TD>

			<TD>Data 4</TD>

		</TR>

	</TABLE>

	<P><BR></P><HR></CENTER>

<PRE><TR> = Row

<TD> = Data Cell (Column)</PRE>

<P><A HREF="#top">Back to top</A></P>

	</TD>

</TR>

</TABLE>

<P><BR></P>

<P><FONT SIZE=2 COLOR=#333333 FACE="Verdana, Arial">
<A NAME="align"><B>TD ALIGN</B></A></FONT></P>

<TABLE BORDER="2" WIDTH="100%">

<TR>

	<TH BGCOLOR="#FFFAF0" COLSPAN="2"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>CODE</B></FONT></TH>

</TR>

<TR>

	<TD VALIGN="TOP" COLSPAN="2">



<PRE><TABLE>

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

    <TH>Header 3</TH>

  </TR>

  <TR>

    <TD ALIGN="LEFT">Data 1</TD>

    <TD ALIGN="CENTER">Data 2</TD>

    <TD ALIGN="RIGHT">Data 3</TD>

  </TR>

</TABLE></PRE>

	</TD>

<TR>

	<TH BGCOLOR="#FFFAF0" COLSPAN="2"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>BROWSER</B></FONT></TH>

</TR>

	<TD COLSPAN="2">

<CENTER><BR>

	<TABLE BORDER="2" WIDTH="100%" HEIGHT="100%">

		<TR>

			<TH CLASS="th">Header 1</TH>

			<TH CLASS="th">Header 2</TH>

			<TH CLASS="th">Header 3</TH>

		</TR>

		<TR>

			<TD ALIGN="LEFT">Data 1</TD>

			<TD ALIGN="CENTER">Data 2</TD>

			<TD ALIGN="RIGHT">Data 3</TD>

		</TR>

	</TABLE>

</CENTER>

<P><BR><A HREF="#top">Back to top</A></P>

	</TD>

</TR>

</TABLE>



<P><A NAME="tablecolor"><FONT SIZE=2 COLOR=#333333 FACE="Verdana, Arial"><B>
TABLE BGCOLOR</B></FONT></A></P>

<TABLE BORDER="2" WIDTH="100%">

<TR>

	<TH BGCOLOR="#FFFAF0"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>CODE</B></FONT></TH>

	<TH BGCOLOR="#FFFAF0"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>BROWSER</B></FONT></TH>

</TR>

<TR>

	<TD VALIGN="TOP" ROWSPAN="2">



<PRE><TABLE BGCOLOR="#FFFF00">

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

  </TR>

  <TR>

    <TD>Data 1</TD>

    <TD>Data 2</TD>

  </TR>

  <TR>

    <TD>Data 3</TD>

    <TD>Data 4</TD>

  </TR>

</TABLE></PRE>

	</TD>

	<TD>

<PRE>BGCOLOR="#FFFF00"</PRE>

	<TABLE BORDER="2" BGCOLOR="#FFFF00">

		<TR>

			<TH CLASS="th">Header 1</TH>

			<TH CLASS="th">Header 2</TH>

		</TR>

		<TR>

			<TD>Data 1</TD>

			<TD>Data 2</TD>

		</TR>

		<TR>

			<TD>Data 3</TD>

			<TD>Data 4</TD>

		</TR>

	</TABLE>

</TD>

</TR>

<TR>

<TD>

<PRE>BGCOLOR="yellow"</PRE>

	<TABLE BORDER="2" BGCOLOR="yellow">

		<TR>

			<TH CLASS="th">Header 1</TH>

			<TH CLASS="th">Header 2</TH>

		</TR>

		<TR>

			<TD>Data 1</TD>

			<TD>Data 2</TD>

		</TR>

		<TR>

			<TD>Data 3</TD>

			<TD>Data 4</TD>

		</TR>

	</TABLE>

<P><BR><A HREF="#top">Back to top</A></P>

	</TD>

</TR>

</TABLE>



<P><A NAME="tdcolor"><B><FONT SIZE=2 COLOR=#333333 FACE="Verdana, Arial">
TD BGCOLOR</B></FONT></A></P>

<TABLE BORDER="2" WIDTH="100%">

<TR>

	<TH BGCOLOR="#FFFAF0" COLSPAN="2"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>CODE</B></FONT></TH>

</TR>

<TR>

	<TD VALIGN="TOP" COLSPAN="2">



<PRE><TABLE BGCOLOR="silver">

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

  </TR>

  <TR>

    <TT><TD BGCOLOR="#FFFF00">Data 1</TD></TT>

    <TD>Data 2</TD>

  </TR>

  <TR>

    <TD>Data 3</TD>

    <TT><TD BGCOLOR="yellow">Data 4</TD></TT>

  </TR>

</TABLE></PRE>

	</TD>

<TR>

	<TH BGCOLOR="#FFFAF0" COLSPAN="2"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>BROWSER</B></FONT></TH>

</TR>

	<TD COLSPAN="2">

<CENTER><BR>

	<TABLE BORDER="2" BGCOLOR="silver">

		<TR>

			<TH CLASS="th">Header 1</TH>

			<TH CLASS="th">Header 2</TH>

		</TR>

		<TR>

			<TD BGCOLOR="#FFFF00">Data 1</TD>

			<TD>Data 2</TD>

		</TR>

		<TR>

			<TD>Data 3</TD>

			<TD BGCOLOR="yellow">Data 4</TD>

		</TR>

	</TABLE>

</CENTER>

<P><BR><A HREF="#top">Back to top</A></P>

	</TD>

</TR>

</TABLE>

<P><A NAME="border"><FONT SIZE=2 COLOR=#333333 FACE="Verdana,Arial"><B>
TABLE BORDER</B></FONT></A></P>

<TABLE BORDER="1" WIDTH="100%">

<TR>

	<TH BGCOLOR="#FFFAF0"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>CODE</B></FONT></TH>

	<TH BGCOLOR="#FFFAF0"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>BROWSER</B></FONT></TH>

</TR>

<TR>

	<TD VALIGN="TOP" ROWSPAN="2">

<PRE><TABLE BORDER="2">

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

  </TR>

  <TR>

    <TD>Data 1</TD>

    <TD>Data 2</TD>

  </TR>

  <TR>

    <TD>Data 3</TD>

    <TD>Data 4</TD>

  </TR>

</TABLE></PRE>



	</TD>

	<TD VALIGN="TOP">

<PRE>BORDER="2"</PRE>

	<TABLE BORDER="2">

		<TR>

			<TH CLASS="th">Header 1</TH>

			<TH CLASS="th">Header 2</TH>

		</TR>

		<TR>

			<TD>Data 1</TD>

			<TD>Data 2</TD>

		</TR>

		<TR>

			<TD>Data 3</TD>

			<TD>Data 4</TD>

		</TR>

	</TABLE>

</TD>

</TR>

<TR>

<TD>

<PRE>BORDER="0"</PRE>

	<TABLE BORDER="0">

		<TR>

			<TH CLASS="th">Header 1</TH>

			<TH CLASS="th">Header 2</TH>

		</TR>

		<TR>

			<TD>Data 1</TD>

			<TD>Data 2</TD>

		</TR>

		<TR>

			<TD>Data 3</TD>

			<TD>Data 4</TD>

		</TR>

	</TABLE>

<P><BR><A HREF="#top">Back to top</A></P>

	</TD>

</TR>

</TABLE>



<P><A NAME="caption"><B><TABLE><CAPTION></B></A></P>

<TABLE BORDER="2" WIDTH="100%">

<TR>

	<TH COLSPAN="2" BGCOLOR="#6699CC">CODE</TH>

</TR>

<TR>

	<TD VALIGN="TOP" COLSPAN="2">



<PRE><TABLE BORDER="2">

<FONT COLOR="#000099"><CAPTION>This is a caption</CAPTION></FONT>

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

  </TR>

  <TR>

    <TD>Data 1</TD>

    <TD>Data 2</TD>

  </TR>

  <TR>

    <TD>Data 3</TD>

    <TD>Data 4</TD>

  </TR>

</TABLE></PRE>

	</TD>

<TR>

	<TH COLSPAN="2" BGCOLOR="#FFFAF0"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>BROWSER</B></FONT></TH>

</TR>

	<TD COLSPAN="2" ALIGN="CENTER">

	

	<TABLE BORDER="2">

	<CAPTION>This is a caption</CAPTION>

		<TR>

			<TH CLASS="th">Header 1</TH>

			<TH CLASS="th">Header 2</TH>

		</TR>

		<TR>

			<TD>Data 1</TD>

			<TD>Data 2</TD>

		</TR>

		<TR>

			<TD>Data 3</TD>

			<TD>Data 4</TD>

		</TR>

	</TABLE>

<P><BR><A HREF="#top">Back to top</A></P>

	</TD>

</TR>

</TABLE>

<P><A NAME="cellpadding"><FONT SIZE=2 COLOR=#333333 FACE="Verdana, Arial"><B>
TABLE CELLPADDING</B></FONT></A></P>

<TABLE BORDER="2" WIDTH="100%">

<TR>

	<TH BGCOLOR="#FFFAF0"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>CODE</B></FONT></TH>

	<TH BGCOLOR="#FFFAF0"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>BROWSER</B></FONT></TH>

</TR>

<TR>

	<TD VALIGN="TOP" ROWSPAN="2">



<PRE><TABLE CELLPADDING="0">

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

  </TR>

  <TR>

    <TD>Data 1</TD>

    <TD>Data 2</TD>

  </TR>

  <TR>

    <TD>Data 3</TD>

    <TD>Data 4</TD>

  </TR>

</TABLE></PRE>

	</TD>

	<TD>

<PRE>CELLPADDING="0"</PRE>

	<TABLE BORDER="2" CELLPADDING="0">

		<TR>

			<TH CLASS="th">Header 1</TH>

			<TH CLASS="th">Header 2</TH>

		</TR>

		<TR>

			<TD>Data 1</TD>

			<TD>Data 2</TD>

		</TR>

		<TR>

			<TD>Data 3</TD>

			<TD>Data 4</TD>

		</TR>

	</TABLE>



</TD>

</TR>

<TR>

<TD>

<PRE>CELLPADDING="7"</PRE>

	<TABLE BORDER="2" CELLPADDING="7">

		<TR>

			<TH CLASS="th">Header 1</TH>

			<TH CLASS="th">Header 2</TH>

		</TR>

		<TR>

			<TD>Data 1</TD>

			<TD>Data 2</TD>

		</TR>

		<TR>

			<TD>Data 3</TD>

			<TD>Data 4</TD>

		</TR>

	</TABLE>

<P><BR><A HREF="#top">Back to top</A></P>

	</TD>

</TR>

</TABLE>

<P><A NAME="cellspacing"><FONT SIZE=2 COLOR=#333333 FACE="Verdana, Arial"><B>
TABLE CELLSPACING</B></FONT></A></P>

<TABLE BORDER="2" WIDTH="100%">

<TR>

	<TH BGCOLOR="#FFFAF0"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>CODE</B></FONT></TH>

	<TH BGCOLOR="#FFFAF0"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>BROWSER</B></FONT></TH>

</TR>

<TR>

	<TD VALIGN="TOP" ROWSPAN="2">



<PRE><TABLE CELLSPACING="0">

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

  </TR>

  <TR>

    <TD>Data 1</TD>

    <TD>Data 2</TD>

  </TR>

  <TR>

    <TD>Data 3</TD>

    <TD>Data 4</TD>

  </TR>

</TABLE></PRE>

	</TD>

	<TD>

<PRE>CELLSPACING="0"</PRE>

	<TABLE BORDER="2" CELLSPACING="0">

		<TR>

			<TH CLASS="th">Header 1</TH>

			<TH CLASS="th">Header 2</TH>

		</TR>

		<TR>

			<TD>Data 1</TD>

			<TD>Data 2</TD>

		</TR>

		<TR>

			<TD>Data 3</TD>

			<TD>Data 4</TD>

		</TR>

	</TABLE>



</TD>

</TR>

<TR>

<TD>

<PRE>CELLSPACING="7"</PRE>

	<TABLE BORDER="2" CELLSPACING="7">

		<TR>

			<TH CLASS="th">Header 1</TH>

			<TH CLASS="th">Header 2</TH>

		</TR>

		<TR>

			<TD>Data 1</TD>

			<TD>Data 2</TD>

		</TR>

		<TR>

			<TD>Data 3</TD>

			<TD>Data 4</TD>

		</TR>

	</TABLE>

<P><BR><A HREF="#top">Back to top</A></P>

	</TD>

</TR>

</TABLE>

<P><A NAME="colspan"><FONT SIZE=2 COLOR=#333333 FACE="Verdana, Arial"><B>
TD COLSPAN</B></FONT></A></P>

<TABLE BORDER="2" WIDTH="100%">

<TR>

	<TH BGCOLOR="#FFFAF0" COLSPAN="2"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>CODE</B></FONT></TH>

</TR>

<TR>

	<TD VALIGN="TOP" COLSPAN="2">



<PRE><TABLE>

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

  </TR>

  <TR>

    <TD COLSPAN="2">Data 1</TD>

  </TR>

  <TR>

    <TD>Data 3</TD>

    <TD>Data 4</TD>

  </TR>

</TABLE></PRE>

	</TD>

<TR>

	<TH BGCOLOR="#FFFAF0" COLSPAN="2"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>BROWSER</B></FONT></TH>

</TR>

	<TD COLSPAN="2">

<CENTER><BR>

	<TABLE BORDER="2">

		<TR>

			<TH CLASS="th">Header 1</TH>

			<TH CLASS="th">Header 2</TH>

		</TR>

		<TR>

			<TD COLSPAN="2">Data 1</TD>

		</TR>

		<TR>

			<TD>Data 3</TD>

			<TD>Data 4</TD>

		</TR>

	</TABLE>

</CENTER>

<P><BR><A HREF="#top">Back to top</A></P>

	</TD>

</TR>

</TABLE>

<P><A NAME="rowspan"><FONT SIZE=2 COLOR=#333333 FACE="Verdana, Arial"><B>
TD ROWSPAN</B></FONT></A></P>

<TABLE BORDER="2" WIDTH="100%">

<TR>

	<TH BGCOLOR="#FFFAF0" COLSPAN="2"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>CODE</B></FONT></TH>

</TR>

<TR>

	<TD VALIGN="TOP" COLSPAN="2">



<PRE><TABLE>

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

  </TR>

  <TR>

    <TD ROWSPAN="2">Data 1</TD>

    <TD>Data 2</TD>

  </TR>

  <TR>

    <TD>Data 4</TD>

  </TR>

</TABLE></PRE>

	</TD>

<TR>

	<TH BGCOLOR="#FFFAF0" COLSPAN="2"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>BROWSER</B></FONT></TH>

</TR>

	<TD COLSPAN="2">

<CENTER><BR>

	<TABLE BORDER="2">

		<TR>

			<TH CLASS="th">Header 1</TH>

			<TH CLASS="th">Header 2</TH>

		</TR>

		<TR>

			<TD ROWSPAN="2">Data 1</TD>

			<TD>Data 2</TD>

		</TR>

		<TR>

			<TD>Data 4</TD>

		</TR>

	</TABLE>

</CENTER>

<P><BR><A HREF="#top">Back to top</A></P>

	</TD>

</TR>

</TABLE>

<P><A NAME="valign"><FONT SIZE=2 COLOR=#333333 FACE="Verdana, Arial"><B>
TD VALIGN</B></FONT></A></P>

<TABLE BORDER="2" WIDTH="100%">

<TR>

	<TH BGCOLOR="#FFFAF0" COLSPAN="2"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>CODE</B></FONT></TH>

</TR>

<TR>

	<TD VALIGN="TOP" COLSPAN="2">



<PRE><TABLE>

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

    <TH>Header 3</TH>

  </TR>

  <TR>

    <TD VALIGN="TOP">Data 1</TD>

    <TD VALIGN="MIDDLE">Data 2</TD>

    <TD VALIGN="BOTTOM">Data 3</TD>

  </TR>

</TABLE></PRE>

	</TD>

<TR>

	<TH BGCOLOR="#FFFAF0" COLSPAN="2"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>BROWSER</B></FONT></TH>

</TR>

	<TD COLSPAN="2">

<CENTER><BR>

	<TABLE BORDER="2" WIDTH="100%" HEIGHT="100%">

		<TR>

			<TH CLASS="th">Header 1</TH>

			<TH CLASS="th">Header 2</TH>

			<TH CLASS="th">Header 3</TH>

		</TR>

		<TR>

			<TD VALIGN="TOP" HEIGHT="75">Data 1</TD>

			<TD VALIGN="MIDDLE" HEIGHT="75">Data 2</TD>

			<TD VALIGN="BOTTOM" HEIGHT="75">Data 3</TD>

		</TR>

	</TABLE>

</CENTER>

<P><BR><A HREF="#top">Back to top</A></P>

	</TD>

</TR>

</TABLE>

<P><A NAME="width"><FONT SIZE=2 COLOR=#333333 FACE="Verdana, Arial"><B>
TABLE WIDTH</B></FONT></A></P>

<TABLE BORDER="2" WIDTH="100%">

<TR>

	<TH BGCOLOR="#FFFAF0"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>CODE</B></FONT></TH>

	<TH BGCOLOR="#FFFAF0"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>BROWSER</B></FONT></TH>

</TR>

<TR>

	<TD VALIGN="TOP" ROWSPAN="2">



<PRE><TABLE WIDTH="75%">

  <TR>

    <TH>Header 1</TH>

    <TH>Header 2</TH>

  </TR>

  <TR>

    <TD>Data 1</TD>

    <TD>Data 2</TD>

  </TR>

  <TR>

    <TD>Data 3</TD>

    <TD>Data 4</TD>

  </TR>

</TABLE></PRE>

	</TD>

	<TD>

<PRE>WIDTH="75%" (percent)</PRE>

	<TABLE BORDER="2" WIDTH="75%">

		<TR>

			<TH CLASS="th">Header 1</TH>

			<TH CLASS="th">Header 2</TH>

		</TR>

		<TR>

			<TD>Data 1</TD>

			<TD>Data 2</TD>

		</TR>

		<TR>

			<TD>Data 3</TD>

			<TD>Data 4</TD>

		</TR>

	</TABLE>



</TD>

</TR>

<TR>

<TD>

<PRE>WIDTH="125" (pixels)</PRE>

	<TABLE BORDER="2" WIDTH="125">

		<TR>

			<TH CLASS="th">Header 1</TH>

			<TH CLASS="th">Header 2</TH>

		</TR>

		<TR>

			<TD>Data 1</TD>

			<TD>Data 2</TD>

		</TR>

		<TR>

			<TD>Data 3</TD>

			<TD>Data 4</TD>

		</TR>

	</TABLE>

<P><BR><A HREF="#top">Back to top</A></P>

	</TD>

</TR>

</TABLE>

<P><HR SIZE=5>

Html table tutorial

Html table code on this is provided for your study purpose, it will guide you to know how create and design a website using html. use it to practice and train your self online

All the tutorials on this site are free, the page code is provifed for you to use it to practice, if you want to help to improve and maintain this work, you can donate to us on.

Html tutorial guide and web design in easy steps

Beginners guide to html