Scribd
Upload
3 views

Parth Parashar_CA Journal

Uploaded by

parth.parashar1509
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
3 views

Parth Parashar_CA Journal

Uploaded by

parth.parashar1509
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 15

Computer Applications - 165

JOURNAL
2024-25

Name of Candidate: Parth Parashar


Roll No. of Candidate:
Class & Section: CBSE 10 A
Certificate
Department of Information & Technology
Global Indian International School (GIIS)
SMART Campus, Punggol, Singapore

This is to certify that this practical file is a genuine work of


_______________________________________
Roll No. ____________ undertaken as a part of fulfillment of
Computer Applications practical syllabus for A.I.S.S.C.E.
2024-25 to be conducted by C.B.S.E. and has been completed
within stipulated time period under my guidance and supervision.

Internal Examiner Signature External Examiner Signature


Internal Examiner Number External Examiner Number
Date: Date:

1
General Instructions:

1. Do all the following 10 exercises and place the Webpage screenshot


followed by HTML/CSS Code
2. Enter the following H3 center aligned in all the web page . This
webpage is designed by your full name, CBSE 10A
3. Make sure your filepath/filename/URL should be visible when you
take the screenshots of Textedit and Webbrowser.
4. Screenshots fonts should be highly readable.
5. Don’t change the order of the exercises.
6. Enter the appropriate page number.
7. Save this doc file as pdf and rename as <yourname_CA Journal>
before turning in the google assignment.
8. You will not be awarded with full marks, if the given instructions are
not followed.

2
Index
P
a
g
HTML and CSS Exercises
e
N
o
Exercise 1

Write the HTML code to get the following table in the browser.

Code:
<html>
<head>
<title>
Report File
</title>
</head>
<body>
<h1 align="center"> Report File 1 </h1>
<hr>
<table border=1 align="center">
<tr>
<td colspan=6 align="center" bgcolor="33FF6B"> Time Table </td>
</tr>
<tr>
<td rowspan=6 bgcolor="33FF6B"> Hours </td>

3
<td align="center" bgcolor="FF5858"> Mon </td>
<td align="center" bgcolor="FF5858"> Tue </td>
<td align="center" bgcolor="FF5858"> Wed </td>
<td align="center" bgcolor="FF5858"> Thu </td>
<td align="center" bgcolor="FF5858"> Fri </td>
</tr>
<tr>
<td align="center"> Science </td>
<td align="center"> Maths </td>
<td align="center"> Science </td>
<td align="center"> Maths </td>
<td align="center"> Arts </td>
</tr>
<tr>
<td align="center"> Social </td>
<td align="center"> History </td>
<td align="center"> English </td>
<td align="center"> Social </td>
<td align="center"> Sports </td>
</tr>
<tr>
<td colspan=5 align="center"> Lunch </td>
</tr>
<td align="center"> Science </td>
<td align="center"> Maths </td>
<td align="center"> Science </td>
<td align="center"> Maths </td>
<td rowspan=2 align="center"> Project </td>
</tr>
<tr>
<td align="center"> Social </td>
<td align="center"> History </td>
<td align="center"> English </td>
<td align="center"> Social </td>
</table>
<hr>
<h3 align="center"><b> This table is made by Parth Parashar CBSE 10A </b></h3>
</body>
</html>

4
Exercise 2

Write the HTML code to get the following table in the browser.

Code:
<html>
<head>
<title> Report File 2 </title>
</head>
<body>
<h1 align="center"> Report File 2 </h1>
<hr>
<table border=1 align="center">
<tr>
<td colspan=2> Subject </td>
<td align="center"> John Doe </td>
<td align="center"> Miriam Luther </td>
</tr>

5
<tr>
<td rowspan=2 align="center"> Biology </td>
<td align="center"> Practical </td>
<td align="center"> A </td>
<td align="center"> A </td>
</tr>
<tr>
<td align="center"> Theory </td>
<td align="center"> A+ </td>
<td align="center"> A </td>
</tr>
<tr>
<td rowspan=2 align="center"> Chemistry </td>
<td align="center"> Practical </td>
<td align="center"> B </td>
<td align="center"> C </td>
</tr>
<tr>
<td align="center"> Theory </td>
<td align="center"> A </td>
<td align="center"> C+ </td>
</tr>
<tr>
<td rowspan=2 align="center"> Physics </td>
<td align="center"> Practical </td>
<td align="center"> A </td>
<td align="center"> A </td>
</tr>
<tr>
<td align="center"> Theory </td>
<td align="center"> A- </td>
<td align="center"> A- </td>
</tr>
</table>
<hr>
<h3 align="center"><b> This table is made by Parth Parashar CBSE 10A </b></h3>
</body>
</html>

6
Exercise 3

Write the HTML code to get the following form in the browser.

Code:
<html>
<head>
<title> ReportFile3 </title>
</head>
<body bgcolor="yellow" align="center">
<h1 align="center"> The World of Fruit </h1>
<hr>
<h2 align="center"> Fruit Survey </h2>

7
<table align="center" width="350px">
<tr>
<td>
Name</td>
<td>
<input type="text"></td>
</tr>
<tr>
<td>
Address</td>
<td>
<input type="text"></td>
</tr>
<tr>
<td>
Email</td>
<td>
<input type="text"></td>
</tr>
<tr><td>
How many pieces of fruit do you eat per day?
</td>
<td>
<input type="radio" name="fruit" value="0"/> 0 <br>
<input type="radio" name="fruit" value="1"/> 1 <br>
<input type="radio" name="fruit" value="2"/> 2 <br>
<input type="radio" name="fruit" value="More than 2"/> More than 2 <br><br></td></tr>
<tr>
<td>
My favourite fruit</td>
<td>
<select name="fruit" size="4">
<option value="Apple"> Apple </option>
<option value="Banana"> Banana </option>
<option value="Plum"> Plum </option>
<option value="Pomegranate"> Pomegranate </option>
<option value="Orange"> Orange </option>
<option value="Guava"> Guava </option>
</select></td>
</tr>
<tr>
<td>
Would you like a brochure?</td>

8
<td>
<input type="checkbox" name="brochure"></td>
</tr>
<tr>
<td> </td>
<td>
<input type="submit" name="submit"/></td>
</tr>
</table>
<hr>
<h3 align="center"><b> This form is made by Parth Parashar CBSE 10A </b></h3>
</body>
</html>

Exercise 4

Create a a webpage with 3 video files of your favourite album artist with appropraite images.
Apply the font color,background color,alignment using a CSS file.

Code:
<html>
<head>
<link rel="stylesheet" href="myfavoruiteartists.css">
<title>Report File 4</title>
</head>
<body>

9
<h1> Report File 4 - My Favourite Artists </h1>
<hr>
<table border=1 align="center" bgcolor="#9999ff" bordercolor="yellow">
<tr>
<td align="center">
Jo Tum Mere Ho - Anuv Jain
</td>
<td align="center">
Nadaaniyan - Akshath
</td>
<td align="center">
Husn - Anuv Jain
</td>
</tr>
<tr>
<td>
<embed src="Anuv Jain - JO TUM MERE HO (Official Video).mp4" width=400 height=300
autostart="false" loop="false"/>
</td>
<td>
<embed src="Akshath - Nadaaniyan (Official Video) Aisha Ahmed.mp4" width=400 height=300
autostart="false" loop="false"/>
</td>
<td>
<embed src="Anuv Jain - HUSN (Official Video).mp4" width=400 height=300 autostart="false"
loop="false"/>
</td>
</tr>
</table>
<hr>
<h3 align="center"><b> This form is made by Parth Parashar CBSE 10A </b></h3>
</body>
</html>

Code:CSS
body {background-color:#000066;}
h1 {color: #ff5252;
text-align: center;}
video-container { margin: 20px;
text-align: center;}
image-container {margin: 20px;

10
text-align: center;}

Exercise 5

Create a a webpage with 3 audio files of your favourite album artist with appropraite images .
Use table to list your album title which should be used as a link to the appropriate audio file with
in the page (internal link) or in a different page (External link) Apply the font color,background
color,alignment , header style using a CSS file.

Code: HTML
<html>
<head>
<link rel="stylesheet" href="ReportFile5.css">
<title>Report File 5</title>
</head>
<body align="center">
<h1>My Favorite Artist:Anuv Jain</h1>

11
<table border="1" align="center">
<thead>
<tr>
<th>Anuv Jain</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="Anuv Jain - JO TUM MERE HO (Official Video).mp3">Jo Tum Mere Ho</a></td>
</tr>
<tr>
<td><a href="Anuv Jain - HUSN (Official Video).mp3">Husn</a></td>
</tr>
<tr>
<td><a href="Anuv Jain - GUL (Studio).mp3">Gul</a></td>
</tr>
</tbody>
</table>
<img src="Anuv-Jain.jpg">
<hr>
<h3 align="center"><b> This form is made by Parth Parashar CBSE 10A </b></h3>
</body>
</html>

Code: CSS
body {background-color: #f9f9f9;}
h1 {color: #336699;
text-align: center;}
table {width: 100%;
border-collapse: collapse;
margin-bottom: 20px;}
th, td {padding: 10px;
text-align: left;
border-bottom: 1px solid #ddd;}
image-container {margin: 20px;
text-align: center;}

Exercise 6

12
Create a webpage which explains all the protocols which you have studied first 2 units (Internet
Basics, Internet Services and Mobile Technologies). Apply your favourite CSS styles.

Exercise 7

Create a webpage which has the links to popular webservices (given in brackets) used in India.
(chat, video conferencing, e-learning, e-Banking, e-shopping, e-reservations,
e-governance, e-Groups)

Exercise 8

Write the HTML code to get the following table in the web page.

Exercise 9

Write the HTML Code to get the following nested list in a webpage. Apply some CSS rule that
makes the list attractive.

13
Exercise 10

Write the HTML Code to get the following form in the webpage.Set the background colour and
text colour ,style and size using internal CSS. Make the form impressive.

14

You might also like