ECA 228 Internet/Intranet Design 1

Lab 6


The purpose of this lab is to use HTML tables as a way to lay out elements on a web page. Upon completion of this lab you will be able to reassemble the pieces of a sliced image into the original image.

LAB 6    

Using one HTML table, reassemble the 12 smaller .gif images below so that they look like the original image:

Hint: You will need to use the COLSPAN and ROWSPAN attributes.


Download these 12 .gif images ( Right click... ):

If you have any questions, feel free to email me.

Here are a couple of interesting links if you want to learn more about tables:

Here is a very informative article about the use of liquid tables for page layout at evolt.org.
If you would like to see the W3 recommendations re: the use of tables, go to www.w3.org.

Return to LABS.