Scribd
Upload
3 views

Practical Programs-10th

The document is a practical file for Computer Applications for class X students at Sujay Public School, detailing various HTML and CSS projects. It includes a bonafide certificate, an index of topics covered, and step-by-step procedures for creating static web pages, embedding media, and working with HTML forms. Each section outlines the aim, procedure, code, and results for the practical tasks assigned for the academic year 2023-2024.

Uploaded by

mvmkvmshashm.std8a
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
3 views

Practical Programs-10th

The document is a practical file for Computer Applications for class X students at Sujay Public School, detailing various HTML and CSS projects. It includes a bonafide certificate, an index of topics covered, and step-by-step procedures for creating static web pages, embedding media, and working with HTML forms. Each section outlines the aim, procedure, code, and results for the practical tasks assigned for the academic year 2023-2024.

Uploaded by

mvmkvmshashm.std8a
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 15

SUJAY PUBLIC SCHOOL

RUN BY N.MUTHUSWAMY EDUCATIONAL TRUST

AFFILIATED TO CBSE(K-12) AFFILIATION NO:


1931412

Bonafide Certificate
This is to certify that the Practical file is done
by

of class X ____(Roll no ____________)

Submitted for Computer Applications

Practical Examination

for the year 2023- 2024.

Date:

Place: School Seal

Signature of Signature of HOD Signature of principal


Internal Examiner
COMPUTER APPLICATIONS
PRACTICAL FILE
SESSION: 2023-24
SUBJECT CODE: 165

NAME:______________________
CLASS:_____________________
ROLL NO:___________________
INDEX

S.NO TOPIC PAGE DATE SIGNATURE


NO
1. Creating Static Web Pages

2. Creating Static web pages


with images and Lists
3. Use Style Sheets to enforce a
format in an HTML Page
(CSS)
4. Embed Pictures, audio and
Videos in an HTML Page.
5. Create a web page with
tables and frames in an
HTML Page
6. Decorate web pages using
graphical elements
7. Create a website using
several web pages.
8. Work with HTML forms:
Text box, Radio buttons, and
Checkbox, Password, List
and Combo box.
9. Write a Blog using HTML
Pages Discussing Viruses,
Malware, Spam and
antiviruses.
10. Create a Web page
discussing Plagiarism
11. Create simple stories with
Scratch (with one character)
12. Create a simple stories with
Scratch (involving two
characters)
13. Write a Program for finding
the sum of two numbers
using operators in Python.
14. Write a Program to find
products of first n natural
numbers using Python.
15. Write a program to
concatenate two strings.
DATE:
Ex.No:1
Write the program in HTML to create a static web page.
AIM:
To create a static web page in HTML.
PROCEDURE:
STEP 1: Open a blank Notepad File.
STEP 2: Type coding in the notepad
STEP 3: Save the file as static.html. Set the Save As Type as All
Files.
STEP 4: Click on save from Save As dialog box. The file appears
With the icon of the default browser.
STEP 5: Open the file in the browser.

CODE:

<HTML>
<HEAD>
<TITLE> MY FIRST WEB PAGE </TITLE>
</HEAD>
<BODY>
THIS IS AN HTML DOCUMENT
</BODY>
</HTML>
OUTPUT:

RESULT:
Thus the static web page has been created and output was verified
successfully.
DATE:
Ex.No:2
Write the steps for Creating Static web pages with images and Lists in
HTML.

AIM:
To create Static web pages with images and Lists in HTML.

PROCEDURE:
STEP 1: Open a blank Notepad file.
STEP 2: Type the coding in notepad.
STEP 3: Put the Save As Type in the save as dialog box as All files.
STEP 4: Name the file as web page staticimages.html.
STEP 5: View the web page in a browser.

CODE:

<html>
<head>
<title> Float Property</title>
<style type = "text/css">
body{background-color:yellow}
img{float:right;}
h1{font-family:border;
font-weight:border;
font-size:20pt}
p{font-size:18pt;border=style:groove;background-color:cyan;
font-weight:bolder}
h3{background-color:pink;font-weight:bold;font-size:16pt;
font-family:Monotype Corsiva}
</style>
</head>
<body>
<h1> Storage Units</h1>
<p> The different storage units are: </p>
<img src="computer.jpg">
<ul>
<li><h3> 1 KB = 2<sup>10</sup>bytes</h3></li>
<li><h3> 1 MB = 2<sup>10</sup>KB</h3></li>
<li><h3> 1 GB = 2<sup>10</sup>MB</h3></li>
<li><h3> 1 TB = 2<sup>10</sup>GB</h3></li>
<li><h3> 1 PB = 2<sup>10</sup>TB</h3></li>
</ul>
</body>
</html>

OUTPUT:

RESULT:
Thus the Static web pages with images and Lists in HTML was
created and output verified successfully.

DATE:
EX.No:3
Write the program by Using Style Sheets to enforce a format in an
HTML Page (CSS).

AIM:
To create a program by Using Style Sheets to enforce a format in an
HTML Page (CSS).

PROCEDURE:
STEP 1: Open a blank Notepad File.
STEP 2: Type the code in the notepad
STEP 3: Save the file as style.html. Set the Save As Type as All
Files.
STEP 4: Click on save from Save As dialog box. The file appears
With the icon of the default browser.
STEP 5: Open the file in the browser.

CODE:
<html>
<body>

<h1 style="color:blue;">A Blue Heading</h1>

<p style="color:red;">A red paragraph.</p>

</body>
</html>

OUTPUT:
RESULT:
Thus the Static web pages with images and Lists in HTML was
created and output verified successfully.

DATE:
EX.NO:4
Write the program to Embed Pictures, audio and Videos in an HTML
Page.

AIM:
To Embed Pictures, Audio and Videos in an HTML Page.

PROCEDURE: Click Here

Click Here
STEP 1: Open a blank Notepad File.
STEP 2: Type coding in the notepad
STEP 3: Save the file as embed.html. Set the Save As Type as All
Files.
STEP 4: Click on save from Save As dialog box. The file appears
With the icon of the default browser.
STEP 5: Open the file in the browser.

CODE:

OUTPUT:

RESULT:
Thus Embed Pictures, audio and Videos in an HTML Page was done
and output was Verified successfully.

DATE:
EX.NO:5
Write the steps to create a web page with tables and frames in an
HTML Page

AIM:
To create a web page with tables and frames in an HTML Page

PROCEDURE:
STEP 1: Open a blank Notepad File.
STEP 2: Type coding in the notepad
STEP 3: Save the file as tables.html. Set the Save As Type as All
Files.
STEP 4: Click on save from Save As dialog box. The file appears
With the icon of the default browser.
STEP 5: Open the file in the browser.

CODE:

OUTPUT:

RESULT:
Thus the web page with tables and frames in an HTML Page
Was done and the output was verified successfully.

DATE:
EX.NO:6
Write the steps to Decorate web pages using graphical elements in
HTML.

AIM:
To decorate web pages using graphical elements in HTML.

PROCEDURE:
STEP 1: Open a blank Notepad File.
STEP 2: Type the code in the notepad
STEP 3: Save the file as graphics.html . Set the Save As Type as All
Files.
STEP 4: Click on save from Save As dialog box. The file appears
With the icon of the default browser.
STEP 5: Open the file in the browser.

CODE:

OUTPUT:

RESULT:
Thus the web pages are decorated with graphical elements in HTML
and output was verified successfully.

DATE:
Ex.No:7
Write the steps to create a website using several web pages.
Note the following points while generating the webpage:
Link color is black, background color is yellow and visited link color
is green.
❖ Title of the page is “Wildlife in India”.

❖ Heading of the page is Maroon.

❖ Image used is “elephant.png”

❖ Caption of the table is blue.


❖ Table border is blue and of size 2.

❖ The 4 links are one.html, two.html, three.html and four.html.

❖ The email id for contact us is [email protected]

AIM:
To create a website using several web pages.

PROCEDURE:
STEP 1: Open a blank Notepad File.
STEP 2: Type coding in the notepad
STEP 3: Save the file as graphics.html. Set the Save As Type as All
Files.
STEP 4: Click on save from Save As dialog box. The file appears
With the icon of the default browser.
STEP 5: Open the file in the browser.

CODE:

OUTPUT:

RESULT:
Thus websites are created with several web pages in HTML and
output was verified successfully.

DATE:
EX.NO:8
Write a program to work with HTML forms: Text box, Radio buttons,
and Checkbox, Password, List and Combo box.

AIM:
To write a program to work with HTML forms: Text box, Radio
buttons, and Checkbox, Password, List and Combo box.
TAGS:

Text Box:
<Input type = “Text”>
It is a Single line text input field in which the user can enter text.

Radio Buttons:
<Input type = “Radio”>
It specifies a set of controls that are linked so that only one radio
button among each set is selected at a time.

Check Box:

Password:

List:

Combo Box:

OUTPUT:

RESULT:

You might also like