Step 07: Create Six Place Pages
Now that we know how to create new pages and link them together, it's time to add some real content! In this step, a page is created for each travel destination in the web and a link to each page is placed on the home page. We'll call each such page a "country page". There's no real surprises here, but the following points are worth noting.
You'll see that the first letter on each country page
has been made larger. This is a stylistic decision that is implemented
using the FONT tag as follows:
<P><FONT SIZE="+3">A</FONT>ustralia
is a vast natural wonderland of
great beauty and contrast. A land of heat and thunder. The
To entice visitors to actually order a holiday, each country page contains a link at the bottom to an order page. The order page will be created in the next step. If you click on it in this version of the web, you'll just get an error.
Rather than just listing the countries on the home page vertically,
the countries have been placed in a table. Tables consist of rows
delimited by TR../TR and cells delimited by TD../TD.
When the table is displayed, the content of the cells is lined up into
a regular formation. Here's the HTML for the table of country links
on the home page.
<P>
<CENTER>
<TABLE>
<TR>
<TD><FONT SIZE="5"><A HREF="england.html">England</A></FONT></TD>
<TD><FONT SIZE="5"><A HREF="africa.html">Africa</A></FONT></TD>
<TD><FONT SIZE="5"><A HREF="china.html">China</A></FONT></TD>
</TR>
<TR>
<TD><FONT SIZE="5"><A HREF="antarctica.html">Antarctica</A></FONT></TD>
<TD><FONT SIZE="5"><A HREF="australia.html">Australia</A></FONT></TD>
<TD><FONT SIZE="5"><A HREF="greece.html">Greece</A></FONT></TD>
</TR>
</TABLE>
</CENTER>
There are many other ways of organizing links on a page, but the method above produces a pleasing effect, and is a good introduction to tables! Tables are one of the most useful mechanisms for laying our material on a web page, and it's important to get used to them.
That's all for this step. I suggest that you take a good look at the web so far, as it's grown fast in this step, and we're going to be adding even more to it in the next few steps.
|
