Tables <table> Tables are defined with the <table> tag. - PowerPoint Presentation

Slide1

Tables

<table>

Tables are defined with the <table> tag.

<

tr

>

A table is divided into rows (with the <

tr

> tag)

<td>

Each row is divided into data cells (with the <td> tag).

td stands for "table data," and holds the content of a data cell. A <td> tag can contain text, links, images, lists, forms, other tables, etc.

One row, one column

<table border="1">

<

tr

>

<td>100</td>

</

tr

>

</table>

One row, three columns

<table border="1">

<

tr

>

<td>100</td>

<td>200</td>

<td>300</td>

</

tr

>

</table>

Two rows, three columns

<table border="1">

<

tr

>

<td>100</td>

<td>200</td>

<td>300</td>

</

tr

>

<

tr

>

<td>400</td>

<td>500</td> <td>600</td></tr></table>

Write the HTML code for a table with

3 rows, 2 columns. Include 3 friends names and their grade in the table.

<table border = “2”>

<

tr

>

<

td>Anya Burns</

td>

<

td>Senior</

td>

</

tr

><tr> <td>Adam Harless</td>

<

td>Junior</

td>

</

tr

>

<

tr

>

<td>Lauren Bennett</td>

<td>Freshman</td>

</

tr

>

</table>

<

th

>

Header information in a table are defined with the <

th

> tag.

All major browsers will display the text in the <

th

> element as bold and centered.

Table Headers

<table border="1">

<

tr

>

<

th

>Name</

th

> <th>Telephone</

th

>

<th

>Telephone</

th

></tr><tr> <td>Bill Gates</td> <td>555 77 854</td> <td>555 77 855</td>

</

tr

>

</table>