CBSE Class 10 Computer Science HTML Practical File

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 school teachers as per the latest NCERT, CBSE, KVS 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> &lt; and &lt; and &gt; &amp; 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:

""CBSE-Class-10-Computer-Science-HTML-Practical-File-2

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

""CBSE-Class-10-Computer-Science-HTML-Practical-File-1

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> &nbsp; <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>&lt; B& gt;</td>
<td> <B> bold </B></td>
</tr>
<tr>
<td>&lt; B& gt;</td>
<td> <I> italic </I></td>
</tr>
<tr>
<td>&lt; U& gt;</td>
<td> <U> underline </U></td>
</tr>
<tr>
<td>&lt; EM& gt;</td>
<td> <EM> emphasis </EM></td>
</tr>
<tr>
<td>&lt; STRONG& gt;</td>
<td> <STORNG> STRONG </STRONG></td>
</tr>
<tr>
<td>&lt; TELETYPE& gt;</td>
<td> <TT> TELETYPE </TT></td>
</tr>
<tr>
<td>&lt; CITE& gt;</td>
<td> <CITE> CITATION </CITE></td>
</tr>
<tr>
<td>&lt; STRIKE& gt;</td>
<td> <STRIKE> strike-through text</STRIKE></td>
</tr>
<tr>
<td>&lt; BIG& gt;</td>
<td> <BIG> text in a big font </BIG></td>
</tr>
<tr>
<td>&lt; SMALL& gt;</td>
<td> <SMALL> text in a small </SMALL></td>
</tr>
<tr>
<td>&lt; SUB& gt;</td>
<td> <SUB> b </SUB></td>
</tr>
<tr>
<td>&lt; SUP& gt;</td>
<td> <SUP> b </SUP></td>
</tr>
</table>
</body>
</html>
Output:
Text formatting tags

""CBSE-Class-10-Computer-Science-HTML-Practical-File

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>

More Study Material

CBSE Class 10 Computers HTML Practical File Worksheet

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. Studiestoday is the best portal for Class 10 students to get all the latest study material free of cost.

Worksheet for Computers CBSE Class 10 HTML Practical File

Expert teachers of studiestoday have referred to the NCERT book for Class 10 Computers to develop the Computers Class 10 worksheet. If you download the practice worksheet for one chapter daily, you will get higher and better marks in Class 10 exams this year as you will have stronger concepts. Daily questions practice of Computers worksheet and its study material will help students to have a stronger understanding of all concepts and also make them experts on all scoring topics. You can easily download and save all revision worksheet for Class 10 Computers also from www.studiestoday.com without paying anything in Pdf format. 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

HTML Practical File worksheet Computers CBSE Class 10

All worksheets given above for Class 10 Computers have been made as per the latest syllabus and books issued for the current academic year. The students of Class 10 can be rest assured that the answers have been also provided by our teachers for all worksheet of Computers so that you are able to solve the questions and then compare your answers with the solutions provided by us. 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. All study material for Class 10 Computers students have been given on studiestoday.

HTML Practical File CBSE Class 10 Computers Worksheet

Regular worksheet practice helps to gain more practice in solving questions to obtain a more comprehensive understanding of HTML Practical File concepts. Worksheets play an important role in developing an understanding of HTML Practical File in CBSE Class 10. Students can download and save or print all the worksheets, printable assignments, and practice sheets of the above chapter in Class 10 Computers in Pdf format from studiestoday. You can print or read them online on your computer or mobile or any other device. After solving these you should also refer to Class 10 Computers MCQ Test for the same chapter.

Worksheet for CBSE Computers Class 10 HTML Practical File

CBSE Class 10 Computers best textbooks have been used for writing the problems given in the above worksheet. If you have tests coming up then you should revise all concepts relating to HTML Practical File and then take out a print of the above worksheet and attempt all problems. We have also provided a lot of other Worksheets for Class 10 Computers which you can use to further make yourself better in Computers

Where can I download latest CBSE Printable worksheets for Class 10 Computers HTML Practical File

You can download the CBSE Printable worksheets for Class 10 Computers HTML Practical File for latest session from StudiesToday.com

Can I download the Printable worksheets of HTML Practical File Class 10 Computers in Pdf

Yes, you can click on the links above and download Printable worksheets in PDFs for HTML Practical File Class 10 for Computers

Are the Class 10 Computers HTML Practical File Printable worksheets available for the latest session

Yes, the Printable worksheets issued for Class 10 Computers HTML Practical File have been made available here for latest academic session

How can I download the Class 10 Computers HTML Practical File Printable worksheets

You can easily access the links above and download the Class 10 Printable worksheets Computers HTML Practical File for each chapter

Is there any charge for the Printable worksheets for Class 10 Computers HTML Practical File

There is no charge for the Printable worksheets for Class 10 CBSE Computers HTML Practical File you can download everything free

How can I improve my scores by solving questions given in Printable worksheets in Class 10 Computers HTML Practical File

Regular revision of practice worksheets given on studiestoday for Class 10 subject Computers HTML Practical File can help you to score better marks in exams

Are there any websites that offer free test sheets for Class 10 Computers HTML Practical File

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

Can test papers for Class 10 Computers HTML Practical File be accessed on mobile devices

Yes, studiestoday provides worksheets in Pdf for HTML Practical File Class 10 Computers in mobile-friendly format and can be accessed on smartphones and tablets.

Are worksheets for HTML Practical File Class 10 Computers available in multiple languages

Yes, worksheets for HTML Practical File Class 10 Computers are available in multiple languages, including English, Hindi