Ayush has to display the sequence of events of the upcoming annual sports day on the school website.Help Ayush in writing the HTML code to generate the following output.
Answers
Answer:
Live Demo
<!DOCTYPE html>
<html>
<head>
<title>HTML Table Header</title>
</head>
<body>
<table border = "1">
<tr>
<th>Name</th>
<th>Salary</th>
</tr>
<tr>
<td>Ramesh Raman</td>
<td>5000</td>
</tr>
<tr>
<td>Shabbir Hussein</td>
<td>7000</td>
</tr>
</table>
</body>
</html>
This will produce the following result −
Name Salary
Ramesh Raman 5000
Shabbir Hussein 7000
Events of the upcoming annual sports.
- The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser.
- An HTML code is written in a .html extension file and can be viewed in any browser.
- For the purpose to display the sequence of events, we can make use of tables in HTML.
- For tables, HTML provides a table tag and tr tag for the table row and td for table data.
HTML code:
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<body>
<table cellspacing="0" cellpadding="10px">
<tr>
<td colspan="3" align="Center" bgcolor="cyan">Annuaal Sports Day - Sequence of Events.</td>
</tr>
<tr bgcolor="yellow">
<td>8:00 AM - 9:00 AM</td>
<td>9:00 AM - 1:00 PM</td>
<td>1:00 PM - 2:00 AM</td>
</tr>
<tr bgcolor="green">
<td>CULTURAL EVENT</td>
<td>TRACK EVENTS</td>
<td>PRIZE DISTRIBUTION</td>
</tr>
</table>
</body>
</html>
#SPJ2