Scribd
Upload
235 views

Record Work in Computer Applications 2024-2025

Uploaded by

tonysujith52
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
235 views

Record Work in Computer Applications 2024-2025

Uploaded by

tonysujith52
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 30

ALL INDIA SECONDARY SCHOOL

EXAMINATION

RECORD WORK
IN
COMPUTER APPLICATIONS

NAME ____________________________________________

Reg.No. ____________________________________________

Class ____________________________________

YEAR OF STUDY 2024 TO 2025


CONTENTS
Web pages created for the following
1. Equations

2. Reaction of Magnesium with Hydrochloric acid

3. Problems in Society

4. Homonyms

5. States and Capitals

6. Embedding an Audio & Video

7. Sports Event

8. Motivational Books

9. IIT

10. i-POD

11. My Favourites

12. Student Registration form

13. Inline CSS

14. Internal CSS

15. External CSS


1. Create the following web page
• Title of the web page is Equations
• Background colour of the web page is cyan
• Set the margins to 100px
• The main heading should be in heading level 1, underlined and in red colour
• The sub headings should be in heading level 2 and in blue colour
• Set different colours for all the equations
• Separate the web page into three sections by drawing horizontal lines in different
colours and with 5px thickness.
HTML Code
<Html>
<Head>
<Title> </Title>
</Head>
<Body bgcolor=cyan topmargin=100 leftmargin=100 align=center>
<font color=red><u><H1>Equations</H1></u></Font>
<hr color=red size=5>
<font color=Blue><H2>Chemical Equations</H2></Font>
<font color=Orange size=4>C<Sub>6</Sub>H<Sub>16</Sub> +
O<Sub>2</Sub>=7 CO<Sub>2</Sub> + 8H<Sub>2</Sub>O</Font><br>
<font color=Olive size=4>CuSo<Sub>4</Sub> + Fe = FeSo<Sub>4</Sub>
+Cu</Font>
<hr color=yellow size=5>
<font color=Blue size=4><H2>Mathematical Equations</H2></Font>
<font color=Dodgerblue
size=4>(a+b)<Sup>2</Sup>=a<Sup>2</Sup>+2ab+b<Sup>2</Sup></Font><br>
<font color=Crimsonred size=4>(a-b)<Sup>2</Sup>=a<Sup>2</Sup>-
2ab+b<Sup>2</Sup></Font>
<hr color=Green size=5>
</Body>
</Html>
2. Create the web page as shown below

HTML Code
<Html>
<Head>
<Title> Experiment</Title></Head>
<Body bgcolor=lightgreen Align = Center>
<Font Face= Times new roman size=4>
<H1 Align = Center>Reaction of Magnesium with Hydrocholoric Acid</H1>
<Img Src="C:\Users\Pictures\Magnenisum with hydrochloric acid.png" Width = 500
Height = 200 Alt=" Magnesium with Hydrchloric acid"><Br><Br>
The equation for reaction is:<Br>
Magnenisum + Hydrocholoric Acid = Magnesium Chloride + Hydrogen<Br>
Mg (s) + 2 HCl (aq) = MgCl<sub>2</Sub> (ag) + H2 (g)
</Body></Html>
3. Create the following web page.
• Background of the page should be in teal
• Title should be Problems in the Society

HTML Code:
<html>
<head>
<title> Problems in the Society</title>
</head>
<body bgcolor = teal>
<b><H2> Problems that persist in our society: </H2></b>
<font size=5>
<ul type = circle><li> Corruption</ul>
<ul type = Square><li> Unemployment</ul>
<ul type = None><li> Lack of Education</ul>
<ul><li> Poverty</ul>
</font>
</body></html>
4. Write HTML code to display the following description list.

• The Heading Homonyms: should be in heading level 2 in red colour.


• The colour of the definition should be in blue.
• Title of the page should be Homonyms.
• All terms should be in Olive colour.
• The list in each term must be in black.

HTML Code:
<html>
<head>
<title> Homonyms</Title>
</head>
<body bgcolor = Peachpuff>
<font color = red><h2>Homonyms:</h2></font>
<font color = blue>Each of two or more words having the same spelling or
pronunciation but different meanings and orgins.</font>
<DL>
<DT> <font color = green>Bark - </font>
<DD>
<ul>
<li> a tree's out layer</li>
<li> The sound a dog makes</li>
</ul>
<DT> <font color = green>Bat - </font>
<DD>
<ul>
<li> an implement used to hit a ball</li>
<li> a nocturnal flying mammal</li>
</ul>
<DT> <font color = green>Bright - </font>
<DD>
<ul>
<li> Very smart or intelligent </li>
<li> filled with light</li>
</ul>
</dl>
</body>
</html>
5. Write the HTML code to design the web page as shown below, considering the
specifications that follow.
Specification-1: The HTML code structure should be proper. Heading ‘List of states
and their popular cities should be the second level of heading at the
center of the page and the Background color of the page should be
yellow.
Specification-2: JPG Image named “NATION” should be placed.
Specification-3: The page should consist of a nested list and the data as exactly as
given in the question. The outer list should be numbered list.
Specification-4: The inner list as given should be symbol based
Specification-5: feedback should be the email link [email protected]
HTML Code:
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY bgcolor = ”yellow”>
<H2 align =”center”>List of states and their popular cities </H2>
<Img src = ”Nation.jpg” Border = 2>
<ol type = 1>
<li> Uttar Pradesh
<ul type = “square”>
<li> Lucknow
<li>Banaras
</ul>
<li> Bihar
<li> Madhya Pradesh
<li> Punjab
<ul type = “square”>
<li> Amritsar
<li> Ludhiana
</ul>
<li> Maharashtra
</ol>
Give <a href =”mailto:[email protected]”> feedback </a>
</BODY>
</HTML>
6. Write HTML code to include Audio & video files in your web page

HTML Code
<Html>
<Head>
<Title> Audio & Video</Title>
</Head>
<body bgcolor=cyan>
<h2> Embedding an Audio file & a Video File</H2>
<Audio Controls>
<source src="AUDIO.ogg" type="audio/ogg">
</audio>
<video height=200 width=200 controls>
<source src ="VIDEO.mp4" type="video/mp4">
</video></Body></Html>
7. Create the following web page for sports event

HTML Code
<html>
<head>
<title>Sports</title>
</head>
<body>
<table bgcolor=cyan bordercolor=red border=2>
<tr align=center>
<Th colspan=5><Font color=red size=5> Sports Day Result</font></th>
</tr>
<tr bgcolor=pink align=center>
<th>Event
<th> Pamba
<th> Periyar
<th> Nila
<th> Kabani
</tr>
<tr height=50 align=center>
<th bgcolor=pink>Basket Ball
<td> 20
<td> 22
<td> 23
<td> 21
</tr>
<tr align=center>
<th bgcolor=pink>Throw Ball
<td> 10
<td> 18
<td> 20
<td> 14
</tr>
<tr align=center>
<th bgcolor=pink>Volley Ball
<td> 15
<td> 16
<td> 12
<td> 17
</tr>
<tr align=center>
<th bgcolor=pink>Foot Ball
<td> 10
<td> 24
<td> 13
<td> 21
</tr></table></body></html>
8. Write the HTML code to design the web page as shown below, considering the
specifications that follow.

Specification-1: Title of the web page is "Motivational Books" and the heading
at the middle of the web page is "Indian Motivational
Books" in heading level 1
Specification-2: The caption of the table is "Popular Books in India"
Specification-3: The tabular data of 4 rows and 2 columns is with border size as 2.
Specification-4: The content "R.K.Narayan" is in Bold, Italics and Underline
Specification-5: The image “fdbk.jpg” at the end will give feedback on the email
[email protected]
HTML Code:
<HTML>
<HEAD>
<TITLE> Motivational Books </TITLE>
</HEAD>
<BODY bgcolor="orange">
<center><h1> Indian Motivational Books </h1></center>
<p align=”center”>
Motivational books or speeches create a positive and optimistic impact on your
life. They boost your confidence and help in developing a positive outlook towards
life. Books make you realize how powerful you can be in your life.
Some of the books Motivational Indian Books and its authors:
</p>
<table border=2>
<caption>Popular Books in India</caption><tr>
<td> You are Born to Blossom </td>
<td> Dr APJ Abdul Kalam </td></tr>
<tr>
<td> The Monk Who Sold His Ferrari</td>
<td> Robin Sharma </td></tr>
<tr>
<td> The Five Steps to Success </td>
<td> Yandamoori Veerendranath</td></tr>
<tr>
<td> Stay Hungry Stay Foolish </td>
<td> Rashmi Bansal </td></tr>
</table>
<p>Popular Book in India<br>
Malgudi Days is a collection of short stories by <B> <I> <U> R.K. Narayan
</U> </I> </B> published in 1943.
</p><a href="mailto:[email protected]"> <img src="Feedback.jpg"> </a>
</body>
</html>
9. Create the webpage as shown below

HTML Code
<Html>
<Head>
<Title> IIT </Title>
</Head>
<Body bgcolor=peachpuff>
<H1> <Font Face = Cambri Color = Red>Indian Institute of Technology</Font></H1>
<Hr Color = Red>
<Img Src="C:\Users\Downloads\IIT.jpg" Align = Right>
<P>The Indian Institute of Technology (IITs) are autonomous public Institute of
higher education located in India. They are governed by the Institutes of Technology
Act, 1991 which has declared them as Institutions of national importance alongside
National Institutes of Technology and lays down their powers, duties and framework
for governance etc. The Institutes of Technology Act, 1991 lists twenty-three
institutes.
<Caption><Center><Font Size =4 Face = Monotype Cursiva color = Red> 5 Popular
IIT Colleges</Font></Center></Caption>
<Table Border=2 Align=Center Cellpadding=5>
<Tr>
<Th> Name</Th>
<Th> State</Th>
<Th> Established</Th>
</Tr>
<Tr>
<Td> <A Href="bombay.html"> IIT Bombay</A></Td>
<Td> Maharastra</Td>
<Td> 1956</Td>
</Tr>
<Tr>
<Td> <A Href="kanpur.html"> IIT Kanpur</A></Td>
<Td>Utter Pradesh</Td>
<Td> 1959</Td>
</Tr>
<Tr>
<Td> <A Href="madras.html"> IIT Madras</A></Td>
<Td>Tamil Nadu</Td>
<Td> 1959</Td>
</Tr>
<Tr>
<Td> <A Href="delhi.html"> IIT Delhi</A></Td>
<Td>Delhi</Td>
<Td> 1963</Td>
</Tr>
<Tr>
<Td> <A Href="roorkee.html"> IIT Roorkee</A></Td>
<Td>Uttarakhand</Td>
<Td> 2001</Td>
</Tr>
</Table>
</Body>
</Html>
10. Create the web page as shown below

HTML Code
<Html>
<Head>
<Title> iPod Touch</Title>
</Head>
<Body Bgcolor = Peachpuff Text = Blue VLink=Red>
<H1 Align = Center><Font Face = Arial> iPOD TOUCH</Font></H1>
<P> Apple introduced the best iPod Touch yet and a new lineup of colours for all iPod
models, including space grey, silver, gold, pink and blue.
<P> The ultra-portable touch provide various features a new 8 megapixel iSight
camera, an improved Face Time HD camera for even better selfies, the Apple-designed
A8 chip with 10 times faster graphics performance for a more immersive gaming
experience, a Multi-Touch user interface and many more features.<Br>
<Img Src="C:\Users\Etras\iPod.jpg" height = 150 width = 150
Align=Right></Img><Br>
<UL>
<li><A>Select Colors</A>
<li><A>Advance Features</A>
<li><A>Client Query</A></UL>
<Img Src="">
<H2 Align = Center> iPod - Technical Specifications</H2>
<Table Border=2 Bordercolor=Blue Align = Center cellpadding = 5>
<Tr>
<Td Align = Center> C<Br>o<Br>l<Br>o<Br>r</Td>
<Td Colspan = 3><UL>
<Li> White</li>
<Li> Black</li>
<Li> Red</li>
</UL</Td></Tr>
<Tr>
<Td> Capacity</Td>
<Td> 8 GB</Td>
<Td> 32 GB</Td>
<Td> 64 GB</Td></Tr>
</Table>
<A Href="">For more details... </A>
</Body></Html>
11. Write the code to generate the following web page.

Special notes:
• Font used in heading is Times New Roman and in blue colour.
• Form should have one text box for Name with maximum length 50.
• It should have five option buttons to select the ice creams.
• It should have 5 check boxes for selecting pizza toppings.
• It should have one list box for selecting colours.
• It should have one button “Submit” to submit the form & a “Reset” button to
clear the form.
HTML Code
<html>
<head>
<title>
My Choice
</title>
</head>
<body bgcolor = silver>
<form>
<font color = blue><h2>My Favourites</h2></font>
<h3> Enter Your Name:
<input type = text name = name1 maxlength = 20><br><br>
<ol>
<li>Favourite Ice Cream:<br>
<Input type = radio name = R1>Chocolate<br>
<Input type = radio name = R1>Vanilla<br>
<Input type = radio name = R1>Strawberry<br>
<Input type = radio name = R1>Pista<br>
<Input type = radio name = R1>Mango<br><br>
<li> Favourite Pizza Toppings:<br><br>
<input type = Checkbox>Mushroom<br>
<input type = Checkbox>Black Olive<br>
<input type = Checkbox>Sausage<br>
<input type = Checkbox>Oregano<br>
<input type = Checkbox>Spinach<br><br>
<li>Favourite Colour:
<Select>
<option value = Colour1> Red </option>
<option value = Colour2> Blue</option>
<option value = Colour3> Green</option>
<option value = Colour4> Yellow</option>
<option value = Colour5> Orange </option>
</select><br><br>
</ol>
<Input type = Submit><Input type = Reset>
</h3>
</form>
</Body>
</Html>
12. Create an HTML form to input student’s details for Class XI registration as
shown below.

• Background of the web page should be in lightblue colour.


• The streams to be selected are Medical, Non-medical, Commerce and
Humanities.
• Form should have two buttons Submit and Reset to submit and cancel the entry.
HTML Code
<html>
<head>
<Title>Student Registration</Title>
</Head>
<body bgcolor = lightblue>
<h2> Data Input form for XI Standard Registration</h2>
<form>
Enter your Name:
<input type = "text" name = "firstname"><br><br>
Enter Date of Birth(dd/mm/yy):
<Input type = "text" name = "birth"><br><br>
Enter Address:
<textarea name = "Description" rows = "3" cols = "20">
</textarea><br><br>
Enter Gender:<br>
<input type = "Radio" name = "R1">Male
<input type = "Radio" name = "R1">Female
<input type = "Radio" name = "R1">Others<br>
<p> Subjects taken in 10th standard</p>
<input type = "Checkbox" Name = "subject1" value = "Eng"> English<br>
<input type = "Checkbox" Name = "subject2" value = "Mala"> Malayalam<br>
<input type = "Checkbox" Name = "subject3" value = "Hindi"> Hindi<br>
<input type = "Checkbox" Name = "subject4" value = "Maths"> Maths<br>
<input type = "Checkbox" Name = "subject5" value = "S.S"> Social Science<br>
<input type = "Checkbox" Name = "subject6" value = "Sci"> Science<br>
<input type = "Checkbox" Name = "subject7" value = "C.A"> Computer
Application<br>
<p> Select the stream </p>
<select>
<option Value = "Medical"> Medical </option>
<option Value = "Non-Medical"> Non-Medical </option>
<option Value = "Commerce"> Commerce</option>
<option Value = "Humanities"> Humanities </option>
</select>
<br><br>
<input type = Submit>
<input type = Reset>
</form>
</body>
</html>
13. Webpage of Inline CSS

HTML Code
<html>
<head>
<title> In-Line CSS</title>
</head>
<Body bgcolor=peachpuff>
<H1 style=Color:Blue;>
Good Shepherd Public School & Jr. College</H1>
<H3 style=Color:Green;>
Good Shepherd Public School & Jr. College</H3>
<Hr Style="Width:80%; Height:5;BackGround-Color:Red";>
<P style="border:dotted;color:Blue;border-color:red";>
CSS is a collection of rules called styles that effect the visual appearance of a web page.
Styles are set using CSS properties.
Using CSS web designers can control the text colour, font style, paragraph spacing,
column size, background images, layout design etc.
CSS consists of style rules, made up of two parts – Selector and Declaration. Declaration
can be further categorized into Property and Value.
Styles can be set internally in HTML code or in an external file having the extension .css
</Body>
</Html>
14. Web page demonstrating Internal CSS

HTML Code
<Html>
<Head>
<Style>
.one {BackGround:Yellow; Text-Align:Right; Text-Decoration:Underline
Overline Wavy Red;}
.two {BackGround:Pink; Text-Align:Center;}
.three{BackGround:Gray;}
</Style>
<Body>
Good Shepherd Public School & Jr. College<br>
<H1 Class=one> Good Shepherd Public School & Jr. College</H1>
<H3 Class=two> Good Shepherd Public School & Jr. College</H3>
<OL class=three>
<Li>Red
<Li>Blue
<Li>Green
</OL></Body></Html>
15. Web page demonstrating External CSS

CSS Code
H1 {Font-family:Arial;
color:Blue;
Border: Thick;}
H2 {Font-family:Arial; Text-Align:Right; Border:Thick Groove Red;}
Body {text-Color:lightgreen; Background:limegreen;}

HTML Code
<Html>
<Head>
<Title> External Style Sheet </title>
<Link Rel=StyleSheet Type=Text/CSS Href="E:\Record Work 2024-
2025\External.css">
</Head>
<Body>
<H1> A newborn child can breathe and swallow at the same time for up to seven
months.</H1>
<H2> Human skull is made up of 29 different bones </H2></Body> </Html>

You might also like