Web Design 1 - HTML Lesson 9 - Introduction to Tables

So far our web pages have not had any particular layout - it is just text on a page.

Tables are one way to arrange the contents of your web page - think of this as a grid of rows and colums

Tables are defined with the <table> tag.

Tables are divided into table rows with the <tr> tag.

Table rows are divided into table data with the <td> tag.

Look at the simple table below:

Now look closely at the html code that creates it:

 

 

Assignment for HTML Lesson 9

  1. Create the table from the example code

  2. Create a second table that has 2 columns and 4 rows

  3. Include links to lesson on index page, and a link back to your index

  4. Upload all files to x10 and check to be sure they work