Review

Now that we have the basics down, you can do almost anything your heart desires. So far, we've taken a basic template, changed the font appearance with the <FONT> tag, added an informational paragraph with the <P> tag, used the <HR> tag to put in horizontal rules to separate your page into blocks, learned how to put graphics on our page using <IMG SRC="...">, created links with <A HREF="..."> and </A>, as well as making an image map, and added BACKGROUND="..." to the <BODY> tag to add a background so you don't have so much white space. Here's where you can "mess" with your page. Try leaving out any of the following: /(backslash) >(end bracket) "(double quotes). You should see that wherever you leave something out, either that object won't work or it'll affect every object after it. For example, remove the backslash from a </A> tag and every word from that point on will become a link. Once you're done tinkering with your program, we'll be able to go on to bigger and better things.

Tables

Ok. Let's imagine that you have several of your favorite sites that you think other people might like to visit. Or, maybe you feel that if you shared these sites, it might give people an idea of who you really are. You can make another page like you did in the earlier demo, or you can put them with a brief description in a table. To do this we need to use <TABLE><TR><TD>...
</TD></TR></TABLE>. You can put anything in a table. You can make many descriptions in one row, or many rows with one description. You can set the border size by adding BORDER="..." to the <TABLE> tag. This can equal "0" for no border to any size border you feel appropriate. You can also set the width of the table by adding WIDTH="...%". If you add ALIGN="..." to your <TABLE>, <TR>, or<TD> tags, you can set how the alignment of your table occurs, either left, center, or right. The table below shows all of these attributes plus the BGCOLOR="..." attribute for each cell. You can experiment with the border, width, alignment, and color to get the table the way you want it.

Click to see Demo 8

See it as a business site.

See another business site.

Question: That's cool. Now, what if I would rather have people see a description of the link instead of the protocol? Or, how about those pop-ups that say "Information submitted"?

Answer: That's the spirit! Always willing to learn. To do those things, we need to learn a little about JavaScript.

Previous | Home | Next

If you have a question about any of the lessons, feel free to ask.