Read and download free pdf of CBSE Class 10 Computer Science HTML Practical File. Students and teachers of Class 10 Computers can get free printable Worksheets for Class 10 Computers HTML Practical File in PDF format prepared as per the latest syllabus and examination pattern in your schools. Class 10 students should practice questions and answers given here for Computers in Class 10 which will help them to improve your knowledge of all important chapters and its topics. Students should also download free pdf of Class 10 Computers Worksheets prepared by teachers as per the latest Computers books and syllabus issued this academic year and solve important problems with solutions on daily basis to get more score in school exams and tests
Worksheet for Class 10 Computers HTML Practical File
Class 10 Computers students should refer to the following printable worksheet in Pdf for HTML Practical File in Class 10. This test paper with questions and answers for Class 10 will be very useful for exams and help you to score good marks
Class 10 Computers Worksheet for HTML Practical File
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 Computer Science Internet Basics Worksheet |
| CBSE Class 10 Computer Science Internet Services and Mobile Technologies Worksheet |
| CBSE Class 10 Computer Science Working with Tables in HTML Worksheet |
| CBSE Class 10 Computer Science Links and CSS in HTML Worksheet |
| CBSE Class 10 Computer Science HTML Worksheet |
| CBSE Class 10 Information Technology Worksheet |
Worksheet for CBSE Computers Class 10 HTML Practical File
We hope students liked the above worksheet for HTML Practical File designed as per the latest syllabus for Class 10 Computers released by CBSE. Students of Class 10 should download in Pdf format and practice the questions and solutions given in the above worksheet for Class 10 Computers on a daily basis. All the latest worksheets with answers have been developed for Computers by referring to the most important and regularly asked topics that the students should learn and practice to get better scores in their class tests and examinations. Expert teachers of studiestoday have referred to the NCERT book for Class 10 Computers to develop the Computers Class 10 worksheet. After solving the questions given in the worksheet which have been developed as per the latest course books also refer to the NCERT solutions for Class 10 Computers designed by our teachers. We have also provided a lot of MCQ questions for Class 10 Computers in the worksheet so that you can solve questions relating to all topics given in each chapter.
You can download the CBSE Printable worksheets for Class 10 Computers HTML Practical File for latest session from StudiesToday.com
There is no charge for the Printable worksheets for Class 10 CBSE Computers HTML Practical File you can download everything free
Yes, studiestoday.com provides all latest NCERT HTML Practical File Class 10 Computers test sheets with answers based on the latest books for the current academic session
CBSE Class 10 Computers HTML Practical File worksheets cover all topics as per the latest syllabus for current academic year.
Regular practice with Class 10 Computers worksheets can help you understand all concepts better, you can identify weak areas, and improve your speed and accuracy.