basic table structure row 1, col 1row 1, col 2row 1, col 3 row 1, col 1row 1, col 2row 1, col 3 row...

Post on 17-Jan-2016

272 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

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>&nbsp;</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>

top related