A Simple Page

Let's explore our page example: a simple table containing five images, each of a different size. The goal is to display an info box showing the size of the image over which the mouse pointer is positioned.

Here is the table definition:

64: <TABLE BGCOLOR=#FFFFCC BORDER=0>
65:     <TR>
66:
67:       <TD BGCOLOR=#0088CA>
68:         <A HREF="#/" >

[...]

71:         <IMG BORDER=0 SRC="photo1.gif">
72:         </A>
73:       </TD>
74:
75:       <TD BGCOLOR=#0088CA>
76:         <A HREF="#" >

[...]

79:         <IMG BORDER=0 SRC="photo2.gif">
80:         </A>
81:       </TD>
82:
83:       <TD BGCOLOR=#0088CA>
84:         <A HREF="#" >

[...]

87:         <IMG BORDER=0 SRC="photo3.gif">
88:         </A>
89:       </TD>
90:
91:       <TD BGCOLOR=#0088CA>
92:         <A HREF="#" >

[...]

95:         <IMG BORDER=0 SRC="photo4.gif">
96:         </A>
97:       </TD>
98:
99:       <TD BGCOLOR=#0088CA>
100:         <A HREF="#" >

[...]

103:         <IMG BORDER=0 SRC="photo5.gif">
104:         </A>
105:       </TD>
106:
107:     </TR>
108: </TABLE>
109: <BR>