Advertisements
Advertisements
Question
Observe the screenshot of the following content in a webpage and write the HTML code to generate the desired output:
| DETAILS | ACTIVITY | MEMBER NAME | AGE | |
| Chess Club | John Doe | 28 | [email protected] | |
| Photography Club | Jane Smith | 24 | [email protected] | |
| Football Club | Michael Johnson | 31 | [email protected] |
Note: The table border size should be 1.
Code Writing
Solution
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Activity Details</title>
</head>
<body>
<table border="1">
<tr>
<th rowspan="5" style="text-align:center;">DETAILS</th>
</tr>
<tr>
<th>ACTIVITY</th>
<th>MEMBER NAME</th>
<th>AGE</th>
<th>EMAIL</th>
</tr>
<tr>
<td>Chess Club</td>
<td>John Doe</td>
<td>28</td>
<td>[email protected]</td>
</tr>
<tr>
<td>Photography Club</td>
<td>Jane Smith</td>
<td>24</td>
<td>[email protected]</td>
</tr>
<tr>
<td>Football Club</td>
<td>Michael Johnson</td>
<td>31</td>
<td>[email protected]</td>
</tr>
</table>
</body>
</html>shaalaa.com
Is there an error in this question or solution?
