html and sample home page

About the HTML and Sample Homepage

This page will show you how to create a simple home page (saved as an "index.html" file [when saving "*.html" files, never put spaces between words in the file name, and always use lower case letters]) using some of the elements introduced in HTML readings located on the readings page.

Tables

The sample home page shown below uses a table tag to control the spacing of the information on the page. Tables used for page formating have the following basic structure:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>This is where the text or images or links go.</td>
</tr>
</table>

<tr> opens a new row in the table. <td> opens a new cell in the table, from left to right. Tables can have as many rows and columns as you would like to create and tables can be embedded, which means one can create tables within tables and tables within cells of tables. They can become quite complex, and it recommended that you sketch out your page if you are planning to use embedded tables.

The Sample Home Page

Below is a screen shot of a sample home page, and below that is the HTML code used to create it. Print out a copy of the code (.pdf) and, in your groups, match the tags in the code with what they control on the web page.

Screen shot of a sample home page created for WRT Spring 07

You can view the sample page pictured above.

Leave a Reply

Your email address will not be published. Required fields are marked *

Please type the characters of this captcha image in the input box

Please type the characters of this captcha image in the input box