DR.

MPS GROUP OF INSTITUTIONS

COLLEGE OF BUSINESS STUDIES

COURSE:BCA
PRACTILE FILE
FOC, C, HTML

FIRST SEMESTER (SESSION 2022-23)

SUBMITTED BY:
VINAY RAMAN

SUBMITTED TO:

❖ MR.VIKAS CHANDRA SHARMA

(HOD-IT)
 TABLE OF CONTENT
Find The Largest Number Among Three Given Numbers

Whether The Number Is Even Or Odd

Prime Number 1 To N

Factorial Of A Given Number

Search Element In An Array

Addition Of Two Matrices

Generate Fibonacci Series Using Function

Swap Two Numbers

Use Structure

Heading And Paragraph In HTML

Ordered An Unordered List + Hyperlink

HTML Forms

Css With HTML

Images And Tables

Mail Merge

Dos Commands
S.NO TOPICS PAGES SIGNATURE
1 Find The Largest Number Among
Three Given Numbers
2 Whether The Number Is Even Or
Odd
3 Prime Number 1 To N
4 Factorial Of A Given Number
5 Search Element In An Array
6 Addition Of Two Matrices
7 Generate Fibonacci Series Using
Function
8 Swap Two Numbers
9 Use Structure
10 Heading And Paragraph In HTML
11 Ordered An Unordered List +
Hyperlink
12 HTML Forms

13 Images And Tables

14 Mail Merge
15 Css With HTML
16 Dos Commands
 1. Find The Largest Number Among Three Given Numbers
▪ ALGORTHIM
Step1: start

Step2: Input A,B,C

Step3: If (A>B) and (A>C) then print “A is greater”.

Else if (B>A) and (B>C) then print “B is greater”.

Else print “C is greater”.

Step4: stop

FLOWCHART
2.Whether The Number Is Even Or Odd

FLOWCHART

Program to Check Even or Odd

 3.PRIME NUMBERS 1 TO N

FLOWCHART

ALGORITHM
Step 1: start

Step 2: read n

Step 3: initialize i = 1, c = 0

Step 4:if i <= n goto step 5

If not goto step 10

Step 5: initialize j = 1

Step 6: if j <= 1 do as the follow. If no goto step 7

i)if i%j == 0 increment c

ii) increment j

iii) goto Step 6

Step 7: if c == 2 print i

Step 8: increment i

Step 9: goto step 4

Step 10: stop

PROGRAM

OUTPUT
 4.FACTORIAL OF A GIVEN NUMBER

PROGRAM

OUTPUT

ALGORITHM
Step 1: Start
Step 2: Read a number n
Step 2: Initialize variables:
i = 1, fact = 1
Step 3: if i <= n go to step 4 otherwise go to step 7
Step 4: Calculate
fact = fact * i
Step 5: Increment the i by 1 (i=i+1) and go to step 3
Step 6: Print fact
Step 7: Stop
FLOCHART
START

READ N

i=1

Fact=1

If
no
i<=n

yes Printf fact

Fact=fact*1

stop

I=i+1
5.SEARCH ELEMENT IN AN ARRAY

OUTPUT
6.ADDITION OF TWO MATRICES

PROGRAM

OUTPUT
7.GENERATE FIBONACCI SERIES USING FUNCTION

PROGRAM

OUTPUT
8.SWAP TWO NUMBERS

PROGRAM

OUTPUT
 9.USE STRUCTURE

Structure: Structures (also called structs) are a way to group several related variables into
one place. Each variable in the structure is known as a member of the structure. Unlike an
array, a structure can contain many different data types (int, float, char, etc.).

PROGRAM

OUTPUT
 10. Heading And Paragraph In HTML

HTML Heading Tags

An HTML heading is a title or subheading that we want to display on a webpage. In HTML,
there are six headings defined using <h1> to <h6> tags. h1 is the highest level or the main

heading, while h6 is the least important.

The following are the six HTML tags for different heading sizes.

<h1>Heading 1</h1> -

<h2>Heading 2</h2>

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6> -

PROGRAM
 OUTPUT

PARAGRAPH TAG
To define a paragraph, you use the opening and closing paragraph
set of tags. Prior to XHTML the closing paragraph tag was not
required but it is now. Below is an example of how to code a
paragraph.

<p>The contents of the paragraph.</p>

PROGRAM
OUTPUT
 11. Ordered An Unordered List + Hyperlink

i.ORDER LIST
The HTML <ol> tag defines an ordered list. An ordered list can be numerical or
alphabetical.

PROGRAM

OUTPUT
 ii.UNORDER LIST
An unordered list starts with the <ul> tag. Each list item starts with the <li>
tag.
The list items will be marked with bullets (small black circles) by default:

PROGRAM

OUTPUT

HYPERLINKS
HTML links are hyperlinks.
You can click on a link and jump to another document.
When you move the mouse over a link, the mouse arrow will turn into a little
hand.
 HTML Links – Syntax
<a href="url">link text</a>
The HTML <a> tag defines a hyperlink

PROGRAM

OUTPUT
 12. HTML FORMS
An HTML form is a section of a document which contains controls such as text fields,
password fields, checkboxes, radio buttons, submit button, menus etc.

An HTML form facilitates the user to enter data that is to be sent to the server for
processing such as name, email address, password, phone number, etc. .

Why use HTML Form

HTML forms are required if you want to collect some data from of the site visitor.
For example: If a user want to purchase some items on internet, he/she must fill the form
such as shipping address and credit/debit card details so that item can be sent to the
given address.

PROGRAM
 OUTPUT

TAGS IN USE THIS FORM:

<form> element
HTML <form> element provide a document section to take input from user. It provides various
interactive controls for submitting information to web server such as text field, text area,
password field, etc.

<input> element
t is used to create form fields, to take input from user. We can apply different input filed to
gather different information form user

Label Tag in Form

If you click on the label tag, it will focus on the text control. To do so, you need to have for
attribute in label tag that must be same as id attribute of input tag.
Email Field
It validates the text for correct email address. You must use @ and . in this field.

<input type="email">

Submit button control

HTML <input type="submit"> are used to add a submit button on web page. When user clicks
on submit button, then form get submit to the server.

13.Css With HTML

CSS?
Cascading Style Sheets (CSS) is used to format the layout of a webpage.
With CSS, you can control the color, font, the size of text, the spacing between elements,

Using CSS
CSS can be added to HTML documents in 3 ways:

• Inline - by using the style attribute inside HTML elements

• Internal - by using a <style> element in the <head> section
• External - by using a <link> element to link to an external CSS file

Internal CSS
An internal CSS is used to define a style for a single HTML page.

An internal CSS is defined in the <head> section of an HTML page, within

a <style> element.

The following example sets the text color of ALL the <h1> elements (on that
page) to blue, and the text color of
 INTERNAL CSS PROGRAM

INTERNAL CSS OUTPUT

Inline CSS
An inline CSS is used to apply a unique style to a single HTML element.

An inline CSS uses the style attribute of an HTML element.

The following example sets the text color of the <h1> element to blue, and the
text color of the <p> element to red:
 INLINE CSS PROGRAM

INLINE CSS OUTPUT

External CSS
An external style sheet is used to define the style for many HTML pages.

To use an external style sheet, add a link to it in the <head> section of each HTML
page:

EXTERNAL CSS PROGRAM

 EXTERNAL CSS OUPUT

14.IMAGES AND TABLES

i. IMAGES
Images are very important to beautify as well as to depict many complex
concepts in simple way on your web page

Insert Image
You can insert any image in your web page by using <img> tag. Following is the simple
syntax to use this tag.
<img src="pic_trulli.jpg" alt="Italian Trulli">

You can use PNG, JPEG or GIF image file based on your comfort but make sure you
specify correct image file name in src attribute

IMAGES PROGRAM
 IMAGES OUTPUT

ii. TABLES
The HTML tables allow web authors to arrange data like text, images, links, other tables,
etc. into rows and columns of cells.
The HTML tables are created using the <table> tag in which the <tr> tag is used to
create table rows and <td> tag is used to create data cells. The elements under <td> are
regular and left aligned by default

Tags use in this table

<table> Defines a table
<th> Defines a header cell in a table

<tr> Defines a row in a table

<td> Defines a cell in a table

Colspan:
To make a cell span over multiple columns, use the colspan attribute:
TABLES PROGRAM

TABLES OUTPUT
 15.Mail Merge
Step 1: Create your Excel Spreadsheet

• Make sure the column names on your spreadsheet match the field names
you want to insert in your mail merge
• All data to be merged is present in the first sheet of your spreadsheet
• All data entries with percentages, currencies, and zip codes are correctly
formatted in the spreadsheet so that Word can properly read their values
• The Excel spreadsheet to be used in the mail merge is stored on your local
computer
• Changes or additions to your spreadsheet are completed before it’s
connected to your mail merge document in Word

Step 2: Create a mail merge document

Step 3: Inserting the merge fields
Step 4: Previewing the mail merge

Step 5: Merging and Saving your mail mer

ge
Step 6: Saving your mail merge document

When you are done working with your merged documents, save and close it as
you would any other Word document. Once closed the mail merge template will
still be open. If you plan to reuse it in the future, save it and it will stay connected
to your data source

16.DOS COMMANDS
DOS Commands are instructions that allow Windows users to conduct tasks on files and
folders. As you may know, a file is a container for a collection of information or data, and a
directory is a collection of files.

TYPES OF COMMANDS
Date Command

TIME Command

VER Command

VOL Command

DEL/ERASE Command:
command is used to delete one or more than one file at a time.
Step 1.

1. /P : Display the confirmation message.

2. /F : Force deleting of read only files.
3. /A : Select file to delete based on attributes :
o S : System files
o R : read only files
o H : Hidden files
o A : ready for archiving

Step2.

above command will delete includehelp.txt file from D:\ drive, with confirmation message
"D:\includehelp.txt, Delete (Y/N) ? " Press Y to delete..

Step3.

1) Delete MyFile.txt from C drive.

2) Delete all hidden files with extension .jpg( JPEG image files).
3) Delete F1.Doc from D:\Ram\Shyam folder..