Academic Integrity: tutoring, explanations, and feedback — we don’t complete graded work or submit on a student’s behalf.

1. Create a webpage that contains a table with five columns and four rows. 2. Th

ID: 652227 • Letter: 1

Question

1.     Create a webpage that contains a table with five columns and four rows.

2.     The first row will contain a heading that spans across all columns. This heading asks the user to click on an image to enlarge.

3.     The second row will contain five images. Use the thumbnail images of your choice.

4.     The third row will contain one cell that spans all columns, that contains an image of you that is 800px by 800px. (Specify the size in the element)

                             i.     Note: In part b, this image will be replaced when the user clicks on a thumbnail image from row two.

5.     The fourth row will contain one cell that spans all columns. It contains a heading that contains your name.

                             i.     Note: This field will change in part b, every time a new image is loaded.

Explanation / Answer

html>
<head>
<title></title>
</head>
<body>
<table border="1">
<tr>
<td rowspan="5">

</td>
<td rowspan="5">

</td>

<tr>
<td rowspan="5">

</td>
</tr>
<tr>

<td rowspan="5">

<h2><my name></h2>

</tr>
</table>
</body>
</html>

html>
<head>
<title></title>
</head>
<body>
<table border="1">
<tr>
<td rowspan="5">

  <img src="C:img1H.gif" alt="" border=3 height=100 width=100></img>  

</td>
<td rowspan="5">

  <div id="images">  <img src="1.jpg">  <img src="2.jpg">  <img src="3.jpg">  <img src="4.jpg">  <img src="5.jpg">  </div>  

</td>

<tr>
<td rowspan="5">

  <img src="C:my photoH.gif" alt="" border=3 height=100 width=100></img>  

</td>
</tr>
<tr>

<td rowspan="5">

<h2><my name></h2>

  </td>  

</tr>
</table>
</body>
</html>