doing tables creating tables in html. start creating the table by using the table container tag
DESCRIPTION
Rows and Columns Tables have ROWS and COLUMNSTRANSCRIPT
Doing TABLES
Creating Tables in HTML
Creating Tables in HTML<TABLE>•Start creating the table by using the Table container tag
</TABLE>
Rows and Columns
• Tables have ROWS and COLUMNS
• <= Rows
Columns
Tables make little boxes
• Boxes help to ORGANIZE information
Start with the usual HEAD stuff
• <HTML>• <HEAD>• <TITLE> A Simple Table</TITLE>• </HEAD>• <BODY>
Start the TABLE Stuff
<TABLE ALIGN=middleBGCOLOR=YellowBORDER=5CELLPADDING=5CELLSPACING=5
WIDTH=75%>
Add the ROWS and COLUMNS
• <TR> tag starts a new table ROW
• <TD> tag starts a new COLUMN
These are MY Favorite Hobbies
These are My Favorite Hobbies
makes a new column
<TR> makes a new column<TD> makes a new ROW
ALIGN=MiddleCOLSPAN=3><B>My Favorite Hobbies</B>
</TD>
</TR>
Second ROW
<TR> Start the second Row<TD ALIGN=Middle>BOWLING</TD><TD ALIGN=Middle>The Internet</TD><TD ALIGN=Middle>Sewing</TD>
</TR></TABLE></BODY></HTML>
These are MY Favorite Hobbies
Bowling The Internet Sewing
ATTRIBUTE TAG DESCRIPTION Example
BORDER Size of border around table
<TABLE BORDER = 1>
BGCOLOR Color of the table <TABLE BGCOLOR=“RED”>
CELLSPACING Thicker lines between the cells
<TABLE CELLSPACING=5>
CELLPADDING More space around the text inside the cells
<TABLE CELLPADDING=5>
WIDTH Width of TABLE <TABLE WIDTH=75%>
ATTRIBUTE TAG Description Example
ALIGN Align images or text in cells
<TD ALIGN=“left”>
VALIGN Align contents o cell vertically
<TD VALIGN=“Top”>
NOWRAP Don’t let text wrap <TD NOWRAP>
COLSPAN Stretch the cell across many columns
<TD COLSPAN=“3”>
ROWSPAN Stretch the cell across many rows.
<TD ROWSPAN=“2”>
WIDTH Width of cell <TD WIDTH=“75%”>
BGCOLOR Color of cell <TD BGCOLOR=“RED”>
TABLES
• Organize information into little boxes.