Introduction & Objectives

Text Alignment

Tables: Basics

Nested Tables

Experience Table

Definition Lists

Anchors

Colors & Links

Other Tags

Tutorial Handout

Evaluate this tutorial

Tables: Basic

Tables provide a structure for organizing data into “grids” on the page, and can also be used to set up your layout.

The HTML code for the basic table structure is shown below:

Row 1 col 1	Row 1 col 2	Row 1 col 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>
<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>
<tr>
<td>Row 3 col 1</td>
<td>Row 3 col 2</td>
<td>Row 3 col 3</td>
</tr>
< /table>

The border=1 attribute in the <table> tag instructs the browser to draw a line around the table with a thickness of 1 pixel. Each row is defined by Table Row tags <tr>…</tr> and then cells in each row are defined by Table Data <td>…</td> tags. Each <td>…</td> tag can contain any other type of HTML tag, headers, styled text, hypertext links, graphics, etc.

choose format/speed
dial-up | broadband
dial-up | broadband
dial-up | broadband

Tutorial Transcript