|
<HTML> |
Opening Tag |
|
<HEAD> |
Opening Head Tag |
|
<TITLE>Demo of table format!</TITLE> |
This text appears at the top of your browser, and is what is recorded when
someone bookmarks your page - make the title meaningful |
|
</HEAD> |
CLosing HEAD tag - Don't forget this! |
|
<BODY BGCOLOR=#E6E8FA> |
BODY tag, background color is set to silver. Text color default is defaulted to black,
link color defaulted to blue, visited link color defaulted to purple. |
|
<HR> |
Browser generated 3-D horizonatal linerule |
|
<center> |
Everthing placed between these tags will be centered on the page |
|
<h1>Table Demo, No Borders</h1> |
|
|
<HR><BR> |
Horizonatal line plus command to break to next line. |
|
<TABLE WIDTH=95%> |
<table> is beginning table tag. "Width=95%" makes the table span 95% of viewer's screen, no matter how much they resize their browser window. |
|
<TR> |
Start of table row |
|
<TD VALIGN=CENTER ALIGN=TOP> |
Start of table column. VALIGN is vertical alignment within the cell. ALIGN is horizontal alignment within the cell |
|
ROW 1 COLUMN 1 |
Cell text. |
|
</TD> |
Closing column tag. |
|
<TD> |
No alignment |
|
ROW 1 COLUMN 2 |
Cell text |
|
</TD> |
|
|
<TD> |
No alignment |
|
ROW 1 COLUMN 3 |
Cell text |
|
</TD> |
Closing Column tag |
|
</TR> |
Closing row tag |
|
<TR> |
You could use VALIGN and ALIGN here also |
|
<TD VALIGN=BOTTOM ALIGN=LEFT> |
Vertical alignment at bottom, Horizontal
alignment is left within cell |
|
ROW 2 COLUMN 1 |
Cell text |
|
</TD> |
|
|
<TD COLSPAN=2> |
This cell spread over two columns |
|
ROW 2 COLUMN 2 |
Cell text |
|
</TD> |
|
|
</TR> |
|
|
</TABLE> |
Closing table tags. |
|
</CENTER> |
Closing center tag - Don't forget this! |
|
</BODY> |
|
|
</HTML> |
|
