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

27

Upload: claribel-pearson

Post on 17-Jan-2016

272 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row
Page 2: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

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>

Page 3: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

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

Page 4: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

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>

Page 5: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

Table with No Border

January February March

$123.45 $234.56 $346.57

$456.78 $567.89 $678.90

Page 6: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

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>

Page 7: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

Table with Blank Cell

January February March

Adamson Benson Carson

Dobson Erickson

Page 8: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

<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>

Page 9: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

Table with Blank Cellwith Borders

January February March

Adamso Benson Carson

Dobson Erickson

Page 10: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

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

Page 11: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

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>

Page 12: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

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

Page 13: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

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>

Page 14: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

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

Page 15: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

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>

Page 16: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

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

Page 17: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

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>

Page 18: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

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>

Page 19: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

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>

Page 20: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

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>

Page 21: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

<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

Page 22: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

Controlling Cell WidthID Name Address Phone

12345 Alice Arrupe 123 Apple Rd 111-2121

23456 Bobbie Benton . . . . . .

Page 23: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

<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> ...

Page 24: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

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

Page 25: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

<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 26: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

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

Page 27: Basic Table Structure Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1Row 1, Col 2Row 1, Col 3 Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 2, Col 1 Row

<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>