HTML programs and solutions for Class-7 2025-2026 Annual Term
1. Write an HTML code to display the
2. Write an HTML code to display the following output
following output in the webpage:
Rice in the webpage:
Pringles
1. BEDROOM
Cake
2. KITCHEN
The webpage background should be blue. 3. LIVING ROOM
<HTML> <HTML>
<HEAD> <HEAD>
<TITLE> </TITLE> <TITLE> </TITLE>
</HEAD> </HEAD>
<BODY BGCOLOR=“BLUE”> <BODY>
<UL> <OL>
<LI>Rice</LI> <LI>BEDROOM</LI>
<LI>Pringles</LI> <LI>KITCHEN</LI>
<LI>Cake</LI> <LI>LIVING ROOM</LI>
</UL> </OL>
</BODY> </BODY>
</HTML> </HTML>
3. Write an HTML document to display the following marquee in a webpage.
The name of your favourite sport, move the marquee in alternate
manner.
Page background should be blue colour.
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY BGCOLOR=“BLUE”>
<MARQUEE behavior=“ALTERNATE”> CRICKET</MARQUEE>
</BODY>
</HTML>
4. Write an HTML code to insert the following image ([Link]) in the webpage with the
following attributes:
File URL = “E:\Users\Student\Picture\[Link]”
Set image height to 80 and width to 80
Set image border to 4
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<IMG SRC= “E:\Users\Student\Picture\[Link]” HEIGHT=“80” WIDTH=“80” BORDER=“4”>
</BODY>
</HTML>
5. Write an HTML document to insert the following image ([Link]) in the webpage/
File URL = “D:\Users\MyHome\Picture\[Link]”
Customize the webpage and the image as follows:
Set page background to blue colour.
Use vspace 300 and hspace 100 for the image
Add the text “My Sweet Home” with the image with top alignment.
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY BGCOLOR=“Blue”>
<p><IMG SRC= “D:\Users\MyHome\Picture\[Link]” VSPACE = “300” HSPACE= “100”
align= “TOP”>My Sweet Home</p>
</BODY>
</HTML>
6. Write a HTML document to create a table(2 columns, 3rows) with the following:
Two student names and their corresponding marks in science along with column
headings as Student Name and Marks.
Table border of size ‘2’ and bordercolour of blue.
Use cellpadding 10 and cellspacing 10.
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<TABLE BORDER= “2” BORDERCOLOR= “BLUE” C E L L S P A C I N G = “10” CELLPADDING=
“10”>
<TR>
<TH> Student Name </TH>
<TH> Science Marks</TH>
</TR>
<TR>
<TD> Rajiv</TD>
<TD> 48</TD>
</TR>
<TR>
<TD>Risabh</TD>
<TD> 45</TD>
</TR>
</TABLE>
</BODY>
</HTML>
7. Design the following table using HTML code.
CLIMATE CHART
Place Temperature Rainfall
Kolkata 38 degrees 12 mm
Delhi 32 degrees 10 mm
Customize the table as follows:
Set table height and width to 50%.
Set border of the table to 3.
Set background colour of the table to green and page background to blue.
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY BGCOLOR= “BLUE”>
<TABLE BORDER= “3” BGCOLOR= “GREEN” HEIGHT= “50%” WIDTH = “50%”>
<CAPTION> CLIMATE CHART </CAPTION>
<TR>
<TH> Place </TH>
<TH> Temperature</TH>
<TH> Rainfall</TH>
</TR>
<TR>
<TD>Kolkata</TD>
<TD> 38 degrees</TD>
<TD> 12mm</TD>
</TR>
<TR>
<TD>Delhi</TD>
<TD> 32 degrees</TD>
<TD> 10mm</TD>
</TR>
</TABLE>
</BODY>
</HTML>
8. Write an HTML document to display the following in a webpage.
A marquee with the name of your favourite flower, in left direction.
A hyperlink with the text “List of flowers” that will link to an html file with the name
“List_of_flowers.html”.
Page background should be green in colour
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY BGCOLOR=“GREEEN”>
<MARQUEE DIRECTION=“LEFT”>ROSE</MARQUEE>
<A HREF= “List_of_flowers.html”>List of flowers</A>
</BODY>
</HTML>