Images and Links in Tables

Previous page...

Note: If you want to find out how other people construct their pages, try viewing the source for a web page to see how it has been made.

In this section, you will insert images of creatures to your table and a link to a website about that creature, and combine images and text in one table cell.

You will notice that the example includes the NOWRAP attribute which you have not yet studied.

<TABLE BORDER="1">

<TR>
<TH>Creature</TH>
<TH>Size</TH>
<TH>Picture</TH>
<TH>Links</TH>
</TR>
 
<TR>
<TD>Tyrannosaurus Rex</TD>
<TD>Bigger</TD>
<TD><IMG alt="T-Rex" SRC="trex.gif"><br>Tyrannosaurus-Rex</TD>
<TD NOWRAP
><A HREF="http://www.fossils-uk.com/">http://www.fossils-uk.com/</a></TD>
</TR>
 
<TR>
<TD>Elephant</TD>
<TD>Big</TD>
<TD><IMG alt="Elephant" SRC="elephant.gif"><br>Elephant</TD>
<TD NOWRAP
><A HREF="http://elephant.elehost.com/">http://elephant.elehost.com/</a></TD>
</TR>
 
<TR>
<TD>Ant</TD>
<TD>Small</TD>
<TD><IMG alt="Ant" SRC="ant.gif"><br>Ant</TD>
<TD NOWRAP
><A HREF="http://www.antcolony.org/">http://www.antcolony.org/</a></TD>
</TR>
 
</TABLE>

This is how it should look in your browser:
Note: The links below are external which will open in a new browser window.

 

Creature	Size	Picture	Links
Tyrannosaurus Rex	Bigger	Tyrannosaurus-Rex	http://www.fossils-uk.com/
Elephant	Big	Elephant	http://elephant.elehost.com/
Ant	Small	Ant	http://www.antcolony.org/

Questions