Advertisements
Advertisements
Question
A school wants to create a webpage for the announcement of orientation programme of its Cultural club, as shown below:
ABC International School Cultural Club Orientation programme on 15th March 2024 |
The school wants all the 3 lines to appear a Headings and Subheadings.
- The first line containing its name to have the boldest possible appearance as a heading in Blue color.
- The second line containing the Club name should appear as a heading but its size should be smaller than the first line in green color
- The third line containing the Programme details should appear as a heading and its size should be smaller than the previous two lines in Cyan color.
Suggest the HTML code to get the desired appearance of the lines in the webpage.
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>Orientation Programme</title>
</head>
<body>
<table style=" border: 1px solid black;border-collapse: collapse:"><!-- Added border attribute
-->
<tr>
<td colspan="3" style="text-align: center;">
<h1 style="color: blue; font-weight: bold; ">ABC International School</h1>
<h2 style="color: green;">Cultural Club</h2>
<h3 style="color: cyan;">Orientation Programme on 15th March 2024</h3>
</td>
</tr>
</table>
</body>
</html >
shaalaa.com
Is there an error in this question or solution?