Date post: | 17-Jan-2016 |
Category: |
Documents |
Upload: | claribel-pearson |
View: | 245 times |
Download: | 0 times |
Basic Table StructureRow 1, Col 1 Row 1, Col 2 Row 1, Col 3
Row 1, Col 1 Row 1, Col 2 Row 1, Col 3
<table border="1"> <tr> <td>Row 1, Col 1</td> <td>Row 1, Col 2</td> <td>Row 1, Col 3</td> </tr> <tr> <td>Row 2, Col 1</td> <td>Row 2, Col 2</td> <td>Row 2, Col 3</td> </tr> </table>
Column Header
Column 1 Column 2 Column 3
Row 1, Col 1 Row 1, Col 2 Row 1, Col 3
Row 1, Col 1 Row 1, Col 2 Row 1, Col 3
Column Header (HTML)
<table border="1"> <tr> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> </tr> <tr> <td>Row 1, Col 1</td> <td>Row 1, Col 2</td> <td>Row 1, Col 3</td> </tr> <tr> <td>Row 2, Col 1</td> <td>Row 2, Col 2</td> <td>Row 2, Col 3</td> </tr> </table>
Table with No Border
January February March
$123.45 $234.56 $346.57
$456.78 $567.89 $678.90
Table with No Borders (HTML)
<table border=“0"> <tr> <th>January</th> <th>February</th> <th>March</th> </tr> <tr> <td>$123.45</td> <td>$234.56</td> <td>$345.67</td> </tr> <tr> <td>$456.78</td> <td>$567.89</td> <td>$678.90</td> </tr> </table>
Table with Blank Cell
January February March
Adamson Benson Carson
Dobson Erickson
<table border=1> <tr> <th>January</th> <th>February</th> <th>March</th> </tr> <tr> <td>Adamson</td> <td>Benson</td> <td>Carson</td> </tr> <tr> <td>Dobson</td> <td> </td> <td>Erickson</td> </tr> <table>
<td><br></td>
or
<td> </td>
Table with Blank Cellwith Borders
January February March
Adamso Benson Carson
Dobson Erickson
Table Title
Column 1 Column 2 Column 3
Row 2, Col 1 Row 2, Col 2 Row 2, Col 3
Row 3, Col 1 Row 3, Col 2 Row 3, Col 3
This Title Is Attached to the Table
TableTitle (HTML)
<table border=“0"> <caption><b>This title is attached to the table</b></caption> <tr> <th>Row 2, Col 1</th> <th>Row 2, Col 2</th> <th>Row 2, Col 3</th> </tr> <tr> <td>Row 3, Col 1</td> <td>Row 3, Col 2</td> <td>Row 3, Col 3</td> </tr> </table>
Spanning Columns
Cols 1 & 2 Cols 3 & 4
Row 2, Col 1 Row 2, Col 2 Row 2, Col 3 Row 2, Col 4
Row 3, Col 1 Row 3, Col 2 Row 3, Col 3 Row 3, Col 4
Spanning Columns (HTML)
<table border=“0"> <tr> <th colspan=”2”>Cols 1 & 2</th> <th colspan=“2”>Cols 3 & 4</th> </tr> <tr> <td>Row 2, Col 1</td> <td>Row 2, Col 2</td> <td>Row 2, Col 3</td> <td>Row 2, Col 4</td> </tr> <tr> <td>Row 3, Col 1</td> <td>Row 3, Col 2</td> <td>Row 3, Col 3</td> <td>Row 3, Col 4</td> </tr> </table>
Spanning RowsRow 1 & Row 2 Row 1, Col 2 Row 1, Col 3
Row 2, Col 2 Row 2, Col 3
Row 3 & Row 4 Row 3, Col 2 Row 3, Col 3
Row 4, Col 2 Row 4, Col 3
Spanning Rows (HTML)
<table border=“0"> <tr> <td rowspan=”2”>Rows 1 & 2</td> <td>Row 1, Col 2</td> <td>Row 1, Col 3</td> </tr> <tr> <td>Row 2, Col 2</td> <td>Row 2, Col 3</td> </tr> <tr> <td rowspan=“2”>Row 3 & 4</td> <td>Row 3, Col 2</td> <td>Row 3, Col 3</td> </tr> <tr> <td>Row 4, Col 2</td> <td>Row 4, Col 3</td> </tr> </table>
More Complex TableFirst Quarter Second Quarter
Team Name Jul Aug Sept Oct Nov Dec
I Adachi 111.11 112.22 113.33 114.44 115.55 116.66
Baskins 211.11 212.22 213.33 214.44 215.55 216.66
Chaplin 311.11 312.22 313.33 314.44 315.55 316.66
II Dixon 411.11 412.22 413.33 414.44 415.55 416.66
Encino 511.11 512.22 513.33 514.44 515.55 516.66
Freeman 611.11 612.22 613.33 614.44 615.55 616.66
More Complex Table (HTML)
<table border=“0"> <tr> <th colspan=”2”><br></th> <th colspan=“3”>First Quarter</th> <th colspan=“3”>Second Quarter</th> </tr> <tr> <th>Team</th> <th>Name</th> <th>Jul</th> <th>Aug</th> <th>Sep</th> <th>Oct</th> <th>Nov</th> <th>Dec</th> </tr>
More Complex Table (HTML)
<tr> <td ROWSPAN=3>I</td> <td>Adachi</td> <td>111.11</td> <td>112.22</td> <td>113.33</td> <td>114.44</td> <td>115.55</td> <td>116.66</td> </tr> <tr> <td>Baskins</td> <td>211.11</td> <td>212.22</td> <td>213.33</td> <td>214.44</td> <td>215.55</td> <td>216.66</td> </tr>
More Complex Table (HTML)
<tr> <td>Chaplin</td> <td>311.11</td> <td>312.22</td> <td>313.33</td> <td>314.44</td> <td>315.55</td> <td>316.66</td> </tr> <tr> <td ROWSPAN=3>II</td> <td>Dixon</td> <td>411.11</td> <td>412.22</td> <td>413.33</td> <td>414.44</td> <td>415.55</td> <td>416.66</td> </tr>
More Complex Table (HTML)
<tr> <td>Encino</td> <td>511.11</td> <td>512.22</td> <td>513.33</td> <td>514.44</td> <td>515.55</td> <td>516.66</td> </tr> <tr> <td>Freeman</td> <td>611.11</td> <td>612.22</td> <td>613.33</td> <td>614.44</td> <td>615.55</td> <td>616.66</td> </tr></table>
<table border=“1” width=“70%”> <tr> <th>ID</th> <th>Name</th> <th>Address</th> <th>Phone</th> </tr> <tr> <td>12345</td> <td>Alice Arrupe</td> <td>123 Apple Rd</td> . . . . . . . .
<table border=“1” width=“560”>
or
Controlling Cell WidthID Name Address Phone
12345 Alice Arrupe 123 Apple Rd 111-2121
23456 Bobbie Benton . . . . . .
<table border=“1” width=“500”> <tr> <th width=“5%”>ID</th> <th width=“30%”>Name</th> <th width=“55%”>Address</th> <th width=“10%”>Phone</th> </tr> <tr> <td>12345</td> <td>Alice Arrupe</td> <td>123 Apple Rd</td> <td>111-2121</td> </tr> <tr> <td>23456</td> <td>Bobbie Benton</td> ...
Coloring the TableHeader 1 Header 2 Header 3
Row 2, Col 1 Row 2, Col 2 Row 2, Col 3
Row 3, Col 1 Row 3, Col 2 Row 3, Col 3
<table border=1> <tr bgcolor="orange"> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> </tr> <tr> <td bgcolor="yellow"> Row 2, Col 1</td> <td>Row 2, Col 2</td> <td>Row 2, Col 3</td> </tr> <tr> <td>Row 3, Col 1</td> <td>Row 3, Col 2</td> <td bgcolor=“green"> Row 3, Col 3</td> </tr> </table>
Page LayoutSosa wins National League MVP over McGwire
NEW YORK (AP) -- Sammy Sosa insisted all along that Mark McGwire should be the National League's Most Valuable Player. No one outside St. Louis agreed with him. After losing to McGwire in the race for the home run record, Sosa overwhelmed his friendly rival Thursday, getting 30 of 32 first-place votes and 438 points in balloting by the Baseball Writers' Associationof America. McGwire, who hit 70 homers to Sosa's 66, got the other two first-place votes and 272 points. Two sports writers for the St. Louis Post-Dispatch voted for McGwire and
<table width="75%" border="0" bgcolor=“silver"> <tr> <td colspan=3> <font size=6 color=“white”>Sosa wins National League MVP over McGwire</font> </td> </tr> <tr> <td width="20%"></td> <td width="60%"> <p> NEW YORK (AP) -- Sammy Sosa insisted all along that Mark McGwire ... rest of text. </td> <td width="20%"></td> </tr> </table>