Read and download the CBSE Class 10 Computer Science HTML Practical File in PDF format. We have provided exhaustive and printable Class 10 Computers worksheets for HTML Practical File, designed by expert teachers. These resources align with the 2025-26 syllabus and examination patterns issued by NCERT, CBSE, and KVS, helping students master all important chapter topics.
Chapter-wise Worksheet for Class 10 Computers HTML Practical File
Students of Class 10 should use this Computers practice paper to check their understanding of HTML Practical File as it includes essential problems and detailed solutions. Regular self-testing with these will help you achieve higher marks in your school tests and final examinations.
Class 10 Computers HTML Practical File Worksheet with Answers
Short Answer Type Questions
Question. write a HTML code to display special characters.
Answer : <HTML
<HEAD>
<TITLE> secial characters </TITLE>
</HEAD>
<BODY>
<P> < and < and > & are special characters that are displayed
Using escape sequence. </P>
</BODY>
</HTML>
Question. write a HTML code to display a paragraph in red color in size 4 but its first letter should be of size 7 and of blue color.
Answer : <HTML>
<HEAD>
<TITLE> base font </TITLE>
</HEAD>
<BODY>
<FONT> “ize = 7 color=”blue”> U </FONT>
<FONT> size = 4 color = “red”> sing the largest font </FONT>
</BODY>
</HTML>
Long Answer Type Questions
Question. write the HTML code for the following web page as seen on the internet explorer. The details are given below: note the following points while generating the web page.
(A) title is oswaal publications.
(B) text color is red and visited link colour is pink.
(C) maximum size will be use for heading oswaal publications”.
(D) size of test of text is 7 and the title “computer, history and maths” will be in ordered list.
(E) there are two horizontal lines in the web page.
(F) their colour is black and thickness is 10 pixels. They are not shaded.
(G) the list items are hyperlinks and the linked files are:
Answer : <HTML>
<HEAD> <TITLE> oswaal publications
</title> </head>
<body text = “red” vlink = “pink”> <center>
<H1> oswaal publication </H1>
<HR size = “10” color = “black”> <H4> India’s leading publications house </H4>
<HR size “10” color = “black”> </center>
<font size = “7”>
<OL type = “a”> <B> available questions bank </B>
<LI> <a href = “Naqvi.html”> computer </A>
</LI <LI>
<A href = “saif.html”> history </A> </LI> <LI>
<A href = “maths.html”> maths </A> </LI> </OL>
<BR> <BR> <BR> <center> design by <BR> M.saif Naqvi </center> </font> </body>
</HTML>
Question. create a simple web page using HTML giving user of carbohydrates along with their source. Set the following properties in the web page:
Background colour should be yellow Paragraph text should be in green and justified. Font size should be large and font should be comic sans MS.
Space between the lines should be 8.
Heading level one should be centre-aligned, blue colored, in uppercase, and in arial font.
Answer : <!DOCTYPE html>
<html>
<head>
<title> carbohydrates </title>
<style type = “text/css”>
Body {background-color: yellow}
P {color: green; text-align; justify; text-height: 8; font-family:” comic sans Ms;” font-size: large}
H1 {text-align: center; color; blue; text-transform: uppercase; font-family arial}
</style>
</head>
<body>
<!-use of carbohydrates. This is a comment->
<h1> carbohydrates </h1>
<hr>
<p> carbohydrates provide energy to the body. Some of the sources of carbohydrates are rich, fruits, bread, corn, honey, and whole grains. </p>
</body>
</html>
Question. consider the following points while writing the code. Background of the page is “pink”, link colour is green, active link colour is blue and visited link colour is red. Title of the page is “social networking” heading of the page is maroon image used is ““N.jpg” 1st paragraph colour is purple and size is 5 second paragraph colour is black and size is 5. Caption of table is blue table border is blue and of size 2. The 4 links are one.html,two.html,three.html and abc@xyz.com.
Answer : <HTML> <HEAD> <TITLE> social networking </TITLE> </HEAD>
<BODY BGCOLOR = “pink” link = “green” alink = “bule” vlink = “red”>
<CENTER><H1> <FONT COLOR z=” maroon”> what is social networking?</font> </H1> </center> <IMG
“RC = ““N.jpg” ALIGN = “right” HEIGHT = 125 width = 250> <font color = “purple” size = 5>
Social networking is the grouping of individuals into specific groups like small rural communities or a neighbourhood subdivision, if you will. Although social networking is possible in person, especially in schools or in the workplace, it is most popular online.
</FONT> </P> <FONT COLOR = “black” size = 5> when it comes to online social networking, websites are commonly used. These websites are known as social sites. </FONT><P> <CENTER><TABLE BORDER = 2
BORDERCOLOR = “blue” CELL“PACING = 5 > <FONT COLOR = “BULE”>
<CAPTION> list of major social networking websites </CAPTION> <TR> NAME </TH><TH> description /
focus </TH></TR> <TR> <TD> advogato </TD><TD> free and open source software developers </TD>
</TR> <TR> <TD> ANoblii </TD> <TD> books </TD> </TR>
<TR>
<TD> avatars united </TD> <TD> online games </TD> </TR> </TABLE> </CENTER>
<BR>
<UL><LI> <A> HREF = “one.html”> social networking and websites </A> <LI>
<A HREF = “two.html”> starting your own network </A> <LI> <A HREF= mailto:abc@xyz.com”> us </A>
</UL>
</BODY>
</HTML>
Question. create a web page to demonstrate how to create a link within the same page.
Answer : <!DOCTYPE html>
<html>
<body>
<h2> <a id = “top”> laws of motion </a> </h2> <br>
<h2> first law of motion </h2>
<p> an object continues to be in a state of rest or of uniform motion along a straight line unless acted upon by an unbalanced force.</p>
<br> <br>
<h2> second law of motion </h2> <br> <br> <p> the rate of change of momentum of an object is proportional to the applied unbalanced force in the direction of force. </p> <br> <br>
<P> to every action, there is an equal and opposite reaction and they act on two different bodies. </p>
<br> <br>
<a href=”top”> go to top</a>
</body> </html>
Question. create two linked pages providing information on the structure of an atom. You should be able to move from one page to another and back. The following details should be present on both the pages respectively.
Page1: this page should give details about the structure of atom, as proposed by the scientist J. J.
Thomson. The name J. J. Thomson should be hyperlinked to the second page
Page2. This page should give details about J.J. Thomson.
Answer : let us create the first page detailing the structure of an atom and providing a hyperlink to the second page. We have named this web page as atom html.
Atom.html
<!DOCTYPE html>
<html>
<head>
<title> structure of atom/</title>
</head>
<body>
<h2> the structure of an atom </h2>
Structure of atom, as proposed by the scientist <A href = Thomson. Html> J.J Thomson. </A>
<p> <A model for the structure of an atom. He proposed that: </p>
<ul>
<li> an atom consists of a positively charged sphere and the electrons are embedded in it, </li>
<li> the negative and positive charges are equal in magnitude, </li>
</ul>
<p> so, the atom as a whole is electrically neutral, </p>
</body>
</html>
The following is the HTML code for the second page, which gets displayed on clicking the hyperlink in the page atom html. This page is named as Thomson html, as given is the code for atom html.
Thomson. Html
<!DOCTYPE html>
<html>
<head>
<title> J.J. Thomson </title>
</dead>
<body>
<h2> J.J. Thomson </h2>
<p> J.J. Thomson, a British
Physicist, was born in Cheetham hill. A suburd of Manchester, in December 1856. He. Was awarded the noble prize in physics in 1906 for his work on the discovery of electrons. </p>
</body>
</html>
Question. write HTML code to illustrate all features of tables.
Answer : HTML Code:
<html>
<body>
<TABLE BORDER = “1” CELLPADDIN = “2”>
<CAPTION ALIGN = “Top”>
<b> specification table with hours and marks
<CAPTION>
<TR>
<TH ROW“PAN = “2”> Unit no. </TH>
<TH colspan = “4”> distribution of theory marks </TH>
/TR>
<TR>
<TD> R level /TD>
<TD> U level </TD>
<TD> A level </TD>
<TD> total marks </TD>
</TR>
<TR>
<TD> align = “center”> I </TD>
<TD> mathematics </TD>
<TD> align = “center”> 2<</TD>
<TD> align = “center”>4</TD>
<TD> align = “center”>4</TD>
<TD> align = “center”>0</TD>
<TD> align = “center”>8</TD>
</TR>
<TR>
<TD> align = “center”>II</TD>
<TD> align = “center”>science</TD>
<TD> align = “center”>6</TD>
<TD> align = “center”>0/TD>
<TD> align = “center”>2</TD>
<TD> align = “center”>6</TD>
<TD> align = “center”>8</TD>
</TR>
<TR>
<TD> align = “center”>III</TD>
<TD> align = “center”>English</TD>
<TD> align = “center”>6</TD>
<TD> align = “center”>4</TD>
<TD> align = “center”>8</TD>
<TD> align = “center”>0</TD>
<TD> align = “center”>12</TD>
</TR>
<TR>
<TD> align = “center”>IV</TD>
<TD> align = “center”>social science</TD>
<TD> align = “center”>8</TD>
<TD> align = “center”>2</TD>
<TD> align = “center”>4</TD>
<TD> align = “center”>8</TD>
<TD> align = “center”>14</TD>
</TR>
<TR>
<TD> align = “center”>V</TD>
<TD> align = “center”>languages</TD>
<TD> align = “center”>10</TD>
<TD> align = “center”>4</TD>
<TD> align = “center”>4</TD>
<TD> align = “center”>6</TD>
<TD> align = “center”>14</TD>
</TR>
<TR>
<TD> align = “center”>VI</TD>
<TD> align = “center”>computer applications </TD>
<TD> align = “center”>10</TD>
<TD> align = “center”>4</TD>
<TD> align = “center”>4</TD>
<TD> align = “center”>6</TD>
<TD> align = “center”>14</TD>
</TR>
<TR>
<TD> align = “center”>total</TD>
<TD> align = “center”>42</TD>
<TD> align = “center”>18</TD>
<TD> align = “center”>26</TD>
<TD> align = “center”>26</TD>
<TD> align = “center”>70</TD>
</TR>
</TABLE>
</body>
</html>
Output:
Specification table with Hours and Marks
Question. create employee registration webpage using HTML form object code:
Answer : <html>
<body>
<center>
<BR>
<font size = “+3” color = “red”> employee registration form </font>
<form method = “post” action = “prac.html”>
<table>
<tr>
<td></td>
<td> <input type = radio name = initial checked> Mr.
<input type = radio name = initial> Mrs.
<input type = radio name = initial> Ms.</td>
</tr><tr>
<td> first name </td>
<td> <input type = text name = fn placeholder = “first name”></td>
</tr><tr>
<td> last name </td>
<td> <input type = text name = in placeholder = “last name”></td>
</tr><tr>
<td> mail address 1</td>
<td> <input type = text name = add1></td>
</tr><tr>
<td> mail address2</td>
<td> <input type = text name = add2></td>
</tr>city<tr>
<td> <input type = text name = ct></td>
</tr><tr>
<td> state </td>
<td><select name = state>
<option value = “Tamilnadu” selected> TamilNadu
<option value = “Maharashtra” > Maharashtra
<option value = “Karnataka”> Karnataka
<option value = “Delhi”> Delhi
</select>
</td>
</tr><tr>
<td> zip</td>
<td> <input type = text name = zp></td>
</tr> <tr>
<td> upload photo </td>
<td> <input type = file name = photo> </td>
</tr> <tr>
<td>E-Mail </td>
<td> <input type = text name = email size = 30></td>
</tr> <tr>
<td> mobile </td>
<td> <input type = text name = mob placeholder = “+91”></td>
</tr> <tr>
<td> languages known </td>
<td> <input type = checkbox name = lk value = Tamil
Checked>Tamil</td>
Computer applications 2020
</tr><tr>
<td> </td>
<td> <input type = checkbox name = lk value = Hindi checked>Hindi</td>
</tr><tr>
<td></td>
<td> <input type = checkbox name = lk value = English checked>English </td>
</tr><tr>
<td></td>
<td><input type = checkbox name = lk value = Marathi>Marathi </td>
</tr><tr>
<td> additional information </td>
<td> <textarea name = add rows = 3 cols = 20 placeholder = “optional” wrap><textrarea></td>
</tr><tr>
<td></td>
<td> <input type = submit value = submit> <input type = reset value = reset> </td>
</table>
</form>
</body>
</html>
Question. create a static web page which defines all text formatting tags of HTML in tabular format code
Answer : <html>
<body>
<center>
<table border = 1>
<caption align = “top”><font size = “+2” color = “red”> text formatting tags</font></caption>
<tr>
<th> HTML tag </th>
<th> output </th>
</tr>
<tr>
<td> normal text </td>
<td> hello world </td>
</tr>
<tr>
<td> font & its attributes </td>
<td> <font size = “+2” color = “#REGGBB”>
Hell world
</font></td>
</tr>
<tr>
<td>< B& gt;</td>
<td> <B> bold </B></td>
</tr>
<tr>
<td>< B& gt;</td>
<td> <I> italic </I></td>
</tr>
<tr>
<td>< U& gt;</td>
<td> <U> underline </U></td>
</tr>
<tr>
<td>< EM& gt;</td>
<td> <EM> emphasis </EM></td>
</tr>
<tr>
<td>< STRONG& gt;</td>
<td> <STORNG> STRONG </STRONG></td>
</tr>
<tr>
<td>< TELETYPE& gt;</td>
<td> <TT> TELETYPE </TT></td>
</tr>
<tr>
<td>< CITE& gt;</td>
<td> <CITE> CITATION </CITE></td>
</tr>
<tr>
<td>< STRIKE& gt;</td>
<td> <STRIKE> strike-through text</STRIKE></td>
</tr>
<tr>
<td>< BIG& gt;</td>
<td> <BIG> text in a big font </BIG></td>
</tr>
<tr>
<td>< SMALL& gt;</td>
<td> <SMALL> text in a small </SMALL></td>
</tr>
<tr>
<td>< SUB& gt;</td>
<td> <SUB> b </SUB></td>
</tr>
<tr>
<td>< SUP& gt;</td>
<td> <SUP> b </SUP></td>
</tr>
</table>
</body>
</html>
Output:
Text formatting tags
Question. write down the HTML code to generate a page in the format and style shown below:
(A) title of the page is MAHARAJA: home.’
(B) background colour of the page is YELLOW’.
(C) link colour of the page should be GREEN’ and visited link colour be BLUE’.
(D) all font face in the page are ARIAL and BLACK except the heading !!MAHARAJA!!, which is in COURIER face and of RED colour.
(E) pages linked with: Indian dishes: vegetarian dishes as Indian.html internally named VEG non vegetarian dishes as Indian.html internally named NONVEG Continental dishes: vegetarian dishes as continental.html internally named VEG non vegetarian disesascontinental. Html internally named NONVEG
(F) use ordered and unordered lists, wherever required.
(G) the horizontal rule before the bottom message of size “5” with NO“HADE attribute. Note: you can assume any other attributes which are not otherwise mentioned above to produce a similar output.
Answer : <HTML>
<HEAD>
<TITLE> MAHARAJA: home </TITLE> </HEAD>
<BODY BGCOLOR = “YELLOW “LINK=”GREEN” VLINK = “BLUE”>
<FONT FACE=”COURIER” “TYLE=”BOLD” COLOR=”RED” “I)E=”40’><P ALIGN = “CENTER”>
!!MAHARAJA!!</P> </FONT>
<FONT> FACE=”ARIAI’. “TYLE= BOLD”
COLOR = “BLACK” “I)E = “5” <PALIGN=”ALIGN CENTER”> (a restaurant) </P> <BR> <ul type=”disc”> <LI>
India dishes </LI> <OL TYPE = “1”> <li>
<A HREF = “Indian. Html.# veg”> vegetarian dishes </A> </LI> <A HREF = INDIAN. Html#NONVEG”> non vegetarian dishes</A>
>LI> </OL> <LI> continental dishes </li>
<OL type =”1”> <LI> <A HREF=”continental.
Html# VEG”> vegetarian dises</A>
<LI><LI> <A HREF=” continental.
A> </LI></OL> </UL> </FONT>
<HR NO“HADE “I)E = “5” <P
ALIGN=”CENTER”><font size”5”></font> </p> </body></HTML>
Question. apply style sheet in web page. [inline, embedded and linked] code
Answer : ext.css
Hr
{Color:sienna;}
P
{margin-left:20px;}
Body
{background-image: url(“sheet.jpg”);}
Stylesheet.html
<html>
<head>
<link rel = “stylesheet” type = “text/css” href = “ ext.css”>
<style>
H1
{background color:#6495ed;}
P
{background color:#e0ffff;}
Div
{background color:#b0c4de;}
</style>
</head>
<body>
<h2> internal, external & inline style! </h1>
</div>
<p style = “color : red; margin-left : 20px;”> hell world.</p>
</body>
<html>
| CBSE Class 10 Information Technology Worksheet |
| CBSE Class 10 Computer Science Basic Computer Terminology |
| CBSE Class 10 Computer Science Basics of Computers |
| CBSE Class 10 Computer Science Cyber Ethics |
| CBSE Class 10 Computer Science Database Management System Worksheet |
| CBSE Class 10 Computer Science Digital Documentation Advanced |
| CBSE Class 10 Computer Science Electronic Spreadsheet Advanced |
| CBSE Class 10 Computer Science Entrepreneurial Skills II Worksheet |
| CBSE Class 10 Computer Science Fundamentals of Computer |
| CBSE Class 10 Computer Science Html Advanced tables Lists & Links |
| CBSE Class 10 Computer Science Html Basics |
| CBSE Class 10 Computer Science HTML Forms and CSS |
| CBSE Class 10 Computer Science HTML Practical File |
| CBSE Class 10 Computer Science Important Full Forms |
| CBSE Class 10 Computer Science Internet and Web Services |
| CBSE Class 10 Computer Science Internet Basics Worksheet |
| CBSE Class 10 Computer Science Internet Protocols |
| CBSE Class 10 Computer Science Internet Services and Mobile Technologies Worksheet |
| CBSE Class 10 Computer Science Links and CSS in HTML Worksheet |
| CBSE Class 10 Computer Science Mobile Technologies |
| CBSE Class 10 Computer Science Self Management Skills II Worksheet |
| CBSE Class 10 Computer Science Web Applications and Security Worksheet |
| CBSE Class 10 Computer Science Working with Tables in HTML Worksheet |
Important Practice Resources for Class 10 Computers
CBSE Computers Class 10 HTML Practical File Worksheet
Students can use the practice questions and answers provided above for HTML Practical File to prepare for their upcoming school tests. This resource is designed by expert teachers as per the latest 2026 syllabus released by CBSE for Class 10. We suggest that Class 10 students solve these questions daily for a strong foundation in Computers.
HTML Practical File Solutions & NCERT Alignment
Our expert teachers have referred to the latest NCERT book for Class 10 Computers to create these exercises. After solving the questions you should compare your answers with our detailed solutions as they have been designed by expert teachers. You will understand the correct way to write answers for the CBSE exams. You can also see above MCQ questions for Computers to cover every important topic in the chapter.
Class 10 Exam Preparation Strategy
Regular practice of this Class 10 Computers study material helps you to be familiar with the most regularly asked exam topics. If you find any topic in HTML Practical File difficult then you can refer to our NCERT solutions for Class 10 Computers. All revision sheets and printable assignments on studiestoday.com are free and updated to help students get better scores in their school examinations.
You can download the latest chapter-wise printable worksheets for Class 10 Computers Chapter HTML Practical File for free from StudiesToday.com. These have been made as per the latest CBSE curriculum for this academic year.
Yes, Class 10 Computers worksheets for Chapter HTML Practical File focus on activity-based learning and also competency-style questions. This helps students to apply theoretical knowledge to practical scenarios.
Yes, we have provided solved worksheets for Class 10 Computers Chapter HTML Practical File to help students verify their answers instantly.
Yes, our Class 10 Computers test sheets are mobile-friendly PDFs and can be printed by teachers for classroom.
For Chapter HTML Practical File, regular practice with our worksheets will improve question-handling speed and help students understand all technical terms and diagrams.