Vous êtes sur la page 1sur 147

COMPUTER APPLICATION PRACTICAL FILE-II

Assignment-1
Question-Create a HTML file for displaying s webpage with following Tags. The
file should contain a brief description about all these tags:

1. Bold
2. Italics
3. Underline
4. Alignment
5. Paragraph
6. Test color
7. Headings
8. HR
9. Background Color
10.Line break\
11.Pre

CODING:
<HTML>
<HEAD>
<TITLE>Puneet 449 Assignment-1</TITLE>
</HEAD>
<BODY BGCOLOR="YELLOW">
<B>THIS TEXT IS BOLD</B><BR>
<I>THIS TEXT IS IN ITALICS</I><BR>
<U>THIS TEXT IS IN UNDERLINED</U><BR>
<CENTER>THE TEXT IS ALIGNED IN THE CENTRE</CENTER><BR>
<P>THIS IS A PARAGRAPH</P>
<FONT COLOR ="RED">THIS TEXT IS IN RED COLOR</FONT>
<H1>HEADING 1</H1>
<H2>HEADING 2</H2>
<H3>HEADING 3</H3>
<H4>HEADING 4</H4>
<H5>HEADING 5</H5>
<H6>HEADING 6</H6>
<HR>
<PRE> THIS IS A PREFORMATTED TEXT

ENROLLMENT NO.44924401716 1
COMPUTER APPLICATION PRACTICAL FILE-II

IT PRESERVES SPACES AND LINE BREAKS</PRE>

</BODY>
</HTML>

OUTPUT:

ENROLLMENT NO.44924401716 2
COMPUTER APPLICATION PRACTICAL FILE-II

Assignment-2

Question-Design a Web Page of your CV with headings as Objective, educational


qualification, achievements, strengths, hobbies and personal details.
Apply following specifications:

 Insert a horizontal line after every above mentioned heading (Eg. Insert
horizontal line once objectives are complete)  Set any light color as page
background.
 Bold and underline every heading
 Use heading tag to specify the headings
 Use pre tag for Educational Qualification
 Use Base font tag for all the text

Coding:
<HTML>

<HEAD>

<TITLE>PUNEET 449 ASSIGNMENT-2</TITLE>

</HEAD>

<BODY BGCOLOR="PINK">

<H1 ALIGN="CENTER">CURRICULAM VITAE</H1>

<H2><B><U>OBJECTIVE</U></B></H2>

<P>TO OBTAIN A JOB WITHIN MY CHOSEN FIELD THAT WILL CHALLENGE ME


AND ALLOW TO USE MY EDUCATION AND SKILLS.</P>

<HR COLOR="BLUE" SIZE="5">

<H2><B><U>EDUCATIONAL QUALIFICATION</U></B></H2>

ENROLLMENT NO.44924401716 3
COMPUTER APPLICATION PRACTICAL FILE-II

<PRE>

CLASS BOARD PERCENTAGE

X CBSE 70

XII CBSE 75 </PRE>

<HR COLOR="GREEN" SIZE="5">

<H2><B><U>ACHIEVEMENTS</U></B></H2>

GOLD MEDAL IN NATIONAL QUIZ COMPETITION.

<HR COLOR ="YELLOW" SIZE="5">

<H2><B><U>STRENTHS</U></B></H2>

HONESTY<BR>

PUNCTUALITY

<HR COLOR="RED" SIZE="5"

<H2><B><U> HOBBIES</U></B></H2>

READING BOOKS

LISTINING MUSIC

<HR COLOR="BLUE" SIZE="5">

<H2><B><U>PERSONAL DETAILS</U></B></H2>

<PRE>

NAME: PUNEET NAYYAR

CONTACT NO: 100

EMAIL ID: ABCDFGRJFJJ@GMAIL.COM

ADDRESS: H-26 MOTI NAGAR

</BODY>

</HTML>

ENROLLMENT NO.44924401716 4
COMPUTER APPLICATION PRACTICAL FILE-II

ENROLLMENT NO.44924401716 5
COMPUTER APPLICATION PRACTICAL FILE-II

Assignment-3

Question- Design a Web Site of IITM with following specifications:

 Design a home page with Name, Vision and Mission of the College.
 Insert an image of IITM on right top
 Insert a marquee to display Admissions Open (using proper attributes) 
Make hyperlinks with the name Courses Available, Shifts and Location.
 Make a hyperlink to come back on the page on every web page (i.e. Courses,
shifts and location).
 Use different paragraphs and fonts.

CODING:
IITM:
<html>
<head>
<title>Puneet 449 Assignment 3</title>
</head>
<body>
<h1 align = "center">IINTM</h1>
<img src = "file:///C:/Users/WELCOME/Desktop/logo.png" align = "right" width =
"200" height = "150"></img>
<br><br><br><br><br><br><br><br><br>
<h2>vision</h2>
<font face = "Comic Sans MS">The institute aims to be a centre of excellence promoting
value based quality education in the emerging areas of professional studies in
information technolody and management.</font>
<h2>mission</h2>
<font face = "comic sans MS">the institute endavours to contribute towards meeting the
growing demands for competent and trained information technology professionals, software
engineers and world class managers determined to achieve excellence.</font>
<br><br><br><br>
<marquee direction = "right to left" behaviour = "alternate" height = "15">admissions
open</marquee>

ENROLLMENT NO.44924401716 6
COMPUTER APPLICATION PRACTICAL FILE-II

<a href = "file:///C:/Users/WELCOME/Desktop/courses%20available1.htm">courses


available</a><br>
<a href = "file:///C:/Users/WELCOME/Desktop/shifts.htm">shifts</a><br>
<a href = "file:///C:/Users/WELCOME/Desktop/location1.htm">location</a><br> <hr>
</body>
</html>

OUTPUT:
IITM:

CODING:
COURSES AVAILABLE:
<html>
<head>
<title>courses available</title>
</head>
<body>
<h1 align = "center">courses available</h1>
<ul type = "disc">
<li>BBA</li>
<li>BCA</li>
<li>B.Com</li>
</ul>
<br><br><br><br><br>

ENROLLMENT NO.44924401716 7
COMPUTER APPLICATION PRACTICAL FILE-II

<a href = "file:///C:/Users/WELCOME/Desktop/iintm1.htm">home</a> </body>


</html>

OUTPUT:
COURSES AVAILABLE:

CODING:
SHIFTS:
<html>
<head>
<title>shifts</title>
</head>
<h1 align = "center">shifts</h1>
<ul type = "disc">
<li>morning</li>
<li>evening</li>
</ul>
<br><br><br><br><br>
<a href = "file:///C:/Users/WELCOME/Desktop/iintm1.htm">home</a> </body>
</html>

OUTPUT:
SHIFTS:

ENROLLMENT NO.44924401716 8
COMPUTER APPLICATION PRACTICAL FILE-II

CODING:
LOCATION:
<html>
<head>
<title>location</title>
</head>
<h1 align = "center">location</h1>
D-26 & 27, Janakpuri, New Delhi
<br><br><br><br><br>
<a href = "file:///C:/Users/WELCOME/Desktop/iintm1.htm">home</a> </body>
</html>

OUTPUT:
LOCATION:

ENROLLMENT NO.44924401716 9
COMPUTER APPLICATION PRACTICAL FILE-II

ENROLLMENT NO.44924401716 10
COMPUTER APPLICATION PRACTICAL FILE-II

Assignment-4

Question - Design a Web Site with the name as HTML tutorial with following
specifications:

Make following hyperlinks (i.e. 5 different web pages):

Formatting Styles and Headings: Include Bold, italics, Underline, Strike, Subscript,
superscript and all six type of headings
Font Styles and Images: Font and Base font tag, Image tag

Anchor: Internal (linking within page) and External (linking with other documents)
links

Marquee: Move text, image and hyperlink

Other tags: br, hr, pre, p, blockquote

Include following specifications:

 In all these web pages only mention about use, attributes apply them.
 Insert a background image on home page
 Insert a marquee showing HTML Tutorial as moving text.
 After every tag put a horizontal line
 On every page, make a hyperlink for going back to home page.

CODING:

HOME:

<html>

<head>

ENROLLMENT NO.44924401716 11
COMPUTER APPLICATION PRACTICAL FILE-II

<title>Puneet Assignment-4</title>

</head>

</body>

<h1><marquee> HTML TUTORIALS</marquee></h1>

<br>

<br>

<br>

<br>

<br><br>

<h3><a href = "file:///C:/Users/WELCOME/Desktop/page%201.htm">page 1</h3></a>

<h3><a href = "file:///C:/Users/WELCOME/Desktop/page%202.htm">page 2</h3></a>

<h3><a href = "file:///C:/Users/WELCOME/Desktop/page%203.htm">page 3</h3></a> <h3><a

href = "file:///C:/Users/WELCOME/Desktop/page%204.htm">page 4</h3></a> <h3><a href =

"file:///C:/Users/WELCOME/Desktop/page%205.htm">page 5</h3></a>

</body>

</html>

OUTPUT:

ENROLLMENT NO.44924401716 12
COMPUTER APPLICATION PRACTICAL FILE-II

CODING:

PAGE 1:

<html>

<head>

<title>page 1</title>

</head>

<h1 align = "center">Formatting Styles and Heading</h1>

<br>

<h2>heading</h2>

HTML defines six levels of headings. A heading element implies all the font changes, paragraph
breaks before and after, and any white space necessary to render the heading. The heading elements
are "H1", "H2", "H3", "H4", "H5", and "H6" with "H1" being the highest (or most important) level
and "H6" the least.

<br>

<hr>

ENROLLMENT NO.44924401716 13
COMPUTER APPLICATION PRACTICAL FILE-II

<h2>bold</h2>

HTML uses elements like "b" for formatting output, like bold text.

<br>

<hr>

<h2>italics</h2>

HTML uses elements like "i" for formatting output, like italic text.

<br>

<hr>

<h2>underline</h2> the "u" element was used to

define underlined text.

<br>

<hr>

<h2>strike</h2>

The HTML presentational inline element for strikethrough is "s".

<hr>

<br>

<h2>subscript</h2>

The "sub" tag defines subscript text. Subscript text appears half a character below the normal line,
and is sometimes rendered in a smaller font.

<hr>

<br>

<h2>superscript</h2>

The "sup" tag defines superscript text. Superscript text appears half a character above the normal line,
and is sometimes rendered in a smaller font.

ENROLLMENT NO.44924401716 14
COMPUTER APPLICATION PRACTICAL FILE-II

<hr>

<br>

<br>

<br>

<br>

OUTPUT:

ENROLLMENT NO.44924401716 15
COMPUTER APPLICATION PRACTICAL FILE-II

ENROLLMENT NO.44924401716 16
COMPUTER APPLICATION PRACTICAL FILE-II

CODING:

PAGE 2:

<html>

<head>

<title>page 2</title>

</head>

<body>

<h1 align = "center">Font Styles and Images</h1>

<br>

ENROLLMENT NO.44924401716 17
COMPUTER APPLICATION PRACTICAL FILE-II

<h2>font</h2>

A font face is the typeface that will be applied by a web browser to some text. HTML uses elements
like "fontface" for formatting output.

<hr><br>

<h2>Base Font</h2>

The "basefont" tag specifies a default text-color and font-size for all the text in a document.

<hr><br>

<h2>Image</h2>

The "img src" tag defines an image in an HTML page.

<hr><br><br><br><br><br><br>

<a href = "file:///C:/Users/WELCOME/Desktop/home.htm">home</a>

</body>

</html>

OUTPUT:

PAGE 2:

ENROLLMENT NO.44924401716 18
COMPUTER APPLICATION PRACTICAL FILE-II

CODING:

PAGE 3:

<html>

<head>

<title>page 3</title>

</head>

<body>

<h1 align = "center">Anchor</h1>

<br>

<h2>internal link</h2>

An internal link is a type of hyperlink on a webpage to another page or resource, such as an image or
document, on the same website or domain.

ENROLLMENT NO.44924401716 19
COMPUTER APPLICATION PRACTICAL FILE-II

<br><hr>

<h2>external link</h2>

External Links are hyperlinks that point at (target) any domain other than the domain the link exists on
(source).

<hr><br><br><br><br><br><br>

<a href = "file:///C:/Users/WELCOME/Desktop/home.htm">home</a>

</body>

</html>

OUTPUT:

PAGE 3:

CODING:

PAGE 4:

<html>

<head>

<title>page 4</title>

ENROLLMENT NO.44924401716 20
COMPUTER APPLICATION PRACTICAL FILE-II

</head>

<body>

<h1 align = "center">Marquee</h1>

<br>

<h2>move text</h2>

The "marquee" tag is a non-standard HTML element which causes text to scroll up, down, left or right
automatically.

<hr><br>

<h2>move image</h2>

to move image use "marquee" and "img src" tags which cause image to scroll up, down. left or right
automatically.

<hr><br>

<h2>hyperlink</h2>

In computing, a hyperlink, or simply a link, is a reference to data that the reader can directly follow
either by clicking, tapping, or hovering. A hyperlink points to a whole document or to a specific
element within a document.

<hr><br><br><br><br><br><br>

<a href = "file:///C:/Users/WELCOME/Desktop/home.htm">home</a>

</body>

</html>

OUTPUT:

PAGE 4:

ENROLLMENT NO.44924401716 21
COMPUTER APPLICATION PRACTICAL FILE-II

CODING:

PAGE 5:

<html>

<head>

<title>page 5</title>

</head>

<body>

<h1 align = "center">Other tags</h1>

<br>

<h2>br</h2>

The HTML "br" element produces a line break in text.

<hr><br>

<h2>hr</h2>

The "hr" tag defines a thematic break. In HTML, the "hr" tag represents a horizontal rule.

<hr><br>

ENROLLMENT NO.44924401716 22
COMPUTER APPLICATION PRACTICAL FILE-II

<h2>pre</h2>

The "pre" tag defines preformatted text. Text in a "pre" element is displayed in a fixed-width font, and
it preserves both spaces and line breaks.

<hr><br>

<h2>p</h2>

The "p" tag defines a paragraph. Browsers automatically add some space (margin) before and after
each "p" element.

<hr><br>

<h2>blockquote</h2>

The "blockquote" element is used to indicate the quotation of a large section of text from another source.

<hr><br><br><br><br><br><br>

<a href = "file:///C:/Users/WELCOME/Desktop/home.htm">home</a>

</body>

</html>

OUTPUT:

PAGE 5:

ENROLLMENT NO.44924401716 23
COMPUTER APPLICATION PRACTICAL FILE-II

ENROLLMENT NO.44924401716 24
COMPUTER APPLICATION PRACTICAL FILE-II

Assignment-5

Question- Write a HTML code to print the following lines in same manners:

In Mathematics, a quadratic equation is a polynomial equation of the second


degree. The general form is

ax2+bx+c=0

Where != 0 (For if a=0, the equation becomes a linear equation)

"CHEMICAL EQUATION"

4H3PO3 = 3H3PO4+PH3 and


other expression as
Pnew= Pold + X2-Yacosx

Coding:
<html>

<body>

<center>

<pre>

<font color="Red" size="3" face="Arial Black">

In Mathematics,a quadric equation is a polynomial equation is a polynomial equation of the second


degree.The general form is:

ax<sup>2</sup>+bx+c=0

ENROLLMENT NO.44924401716 25
COMPUTER APPLICATION PRACTICAL FILE-II

where !=0(For if a=0, the equation becomes a linear equation)

<HR color="blue">

<u>"CHEMICAL EQUATION"</u>

4H<sub>3</sub>PO<sub>3</sub> =
3H<sub>3</sub>PO<sub>4</sub>+PH<sub>3</sub>

and other expression as

P<sub>new</sub> = P<sub>old</sub> +X<sup>2</sup>-Y<sup>acosx</sup>

</font>

</pre>

</center>

</body>

</html>

Output:

ENROLLMENT NO.44924401716 26
COMPUTER APPLICATION PRACTICAL FILE-II

Assignment-6

Question- Design the following list:

Departments of College

1. Department of Computer Science

• B.Sc. Computer Science


• M.Sc. computer Science
• PGDCA

2. Department of Mathematics

 B.Sc. Mathematics
 M.Sc. Mathematics
 M.Phil. Mathematics

3. Department of Zoology o B.Sc. Zoology o M.Sc. Zoology o M.Phil.

Zoology o
Ph.D. Zoology

Apply following parts:

 Insert an background image


 Display a marquee displaying “Admissions open for Ph.D.in Zoology”
 Use different font styles and colors for departments
 Insert horizontal line after every department
 Display “Departments of College” in center with appropriate heading

ENROLLMENT NO.44924401716 27
COMPUTER APPLICATION PRACTICAL FILE-II

Coding:
<html>

<HEAD>

<TitleAssignment-6 449>

<body BAckground="file:///C:/Users/abc/Desktop/institute-of-information-technologymanagement-
iitmjanakpuri.jpg">

<h1><marquee bgcolor="red">Admssion open in Zoology</marquee></h1>

<h1 align="center">Department of College</h1>

<font color="blue"Face="Arial Black" Size"5">

<ol Type="1">

<li> Dept. of Computer Science</li>

<ul Type"disc">

<Font color="red" Face="Times New Roman" size="5">

<li>Bsc. Computer Science</li>

<li>Msc. Computer Application

<li>PGDCA</li>

</font>

</ul>

<HR>

<li> Dept. of Mathematics</li>

<ul Type="Square">

<Font color="Yellow" face="courier new" size="5">

<li>Bsc.Mathematics</li>

ENROLLMENT NO.44924401716 28
COMPUTER APPLICATION PRACTICAL FILE-II

<li>Msc. Mathematics</li>

<li>Mphill.Mathematics</li>

</font>

</ul>

<HR>

<li> Dept. of Zoology</li>

<ul Type="circle">

<Font color="green" face="Calibri" size="5">

<li>Bsc.Zoology</li>

<li>Msc. Zoology</li>

<li>MPhill. Zoology</li>

<li>PHD.Zoology</li>

</font>

</ul>

</ol>

</head>

</body>

</html>

ENROLLMENT NO.44924401716 29
COMPUTER APPLICATION PRACTICAL FILE-II

Output:

Assignment-7

ENROLLMENT NO.44924401716 30
COMPUTER APPLICATION PRACTICAL FILE-II

Question-Create a nested list as follows:

Computer System

1. Input Devices

i. Keyboard ii. Mouse iii. Joystic iv. Scanner

a. Flat Bed Scanner

b. Hand held Scanner

2. Output Devices

i. Monitor

a. LCD

b. CRT ii. Printer

a. Impact Printer

b. Non Impact Printer

Apply following parts:

 Insert an image of computer on top right corner of web page


 Display a marquee displaying “Input and Output Devices”
 Use different font styles and colors for Input and Output Devices
 Insert horizontal line after Input Devices are over
 Use bold, italics and underline in headings

Coding:
<html>

ENROLLMENT NO.44924401716 31
COMPUTER APPLICATION PRACTICAL FILE-II

<head>

<title>Assignment-7 Puneet 449</title>

<MARQUEE DIRECTION="RIGHT" BEHAVIOUR="ALTERNATE" BGCOLOR="RED"


HEIGHT="50"> INPUT AND OUTPUT DEVICES</MARQUEE>

</head>

<body BGCOLOR="ORANGE">

<IMG SRC="file:///C:/Users/Public/Pictures/Sample%20Pictures/Lighthouse.jpg"
ALIGN="RIGHT">

<h1 align="left">Computer System</h1>

<ol type="1">

<li>Input Devices</li>

<ol type="i">

<li>Keyboard</li>

<li>Mouse</li>

<li>Joystick</li>

<li>Scanner</li>

<ol type="a">

<li>Flat Bed Scanner</li>

<li>Hand Held Scanner</li>

</ol></ol>

<li> Output Device</li>

<ol type="i">

<li>Monitor</li>

<ol type="a">

ENROLLMENT NO.44924401716 32
COMPUTER APPLICATION PRACTICAL FILE-II

<li>LCD</li> <li>CRT</li>

</ol>

<li>Printer</li>

<ol type="i">

<li>Impact Printer</li>

<li>Non Impact Printer</li>

</ol>

</body>

</html>

Output:

ENROLLMENT NO.44924401716 33
COMPUTER APPLICATION PRACTICAL FILE-II

ENROLLMENT NO.44924401716 34
COMPUTER APPLICATION PRACTICAL FILE-II

Assignment-8

Question- Create a HTML webpage which display the following list.

FRUITS & VEGETABLES


A. Vegetables
• Onion
• Tomato
• Radish
• Potato
• Carrot
B. Fruits
• Apple
• Banana
• Water-Melon
• Mango
• Grapes

Newspaper & Magazine o


Newspaper 5. The
Times of India
6. Hindustan Times
7. Navbharat Times
8. Punjab Kesari
9. Dainik Jagran

o Magazine
i. Business Times ii. The Week
iii. India Today iv.
Harvard Business Review v.
Computer World

ENROLLMENT NO.44924401716 35
COMPUTER APPLICATION PRACTICAL FILE-II

Apply following parts:


 Put horizontal line after newspaper and magazine
 Apply heading tag for newspaper and magazine
 Apply base font for whole web page and different colors for subjects of each
semester
 Apply a background color
 Insert marquee tag displaying “Newspapers and Magazines”

Coding:
<html>

<head>

<title>Assignment-8 Puneet 449</title>

</head>

<body bgcolor="green">

<h1 align="left">FRUITS & VEGETABLES</h1>

<ol type="A">

<li>Vegetables</li>

<ul type="disc">

<li>Onion</li>

<li>Tomato</Li>

ENROLLMENT NO.44924401716 36
COMPUTER APPLICATION PRACTICAL FILE-II

<li>Radish</li>

<li>Potato</li>

<li>Carrot</li>

</ul>

<li>Fruits</li>

<ul type="disc">

<li>Apple</li>

<li>Banana</li>

<li>Water-Melon</li>

<li>Mango</li>

<li>Grapes</li>

</ul>

</ol>

<h1 align="left">NEWSPAPER AND MAGAZINE</h1><marquee direction="right"


behaviour="alternate" bgcolor=red" height="50">NEWSPAPER AND MAGAZINE</marquee> <ul
type="circle">

<li>Newspaper</li>

<ol type="1"start="5">

<li>The Times of India</li>

<li>Hindustsan Times</li>

<li>Navbharat Times</li>

<li>Punjab Kesari</li>

<li>Dainik Jagran</li>

</ol>

ENROLLMENT NO.44924401716 37
COMPUTER APPLICATION PRACTICAL FILE-II

<li>Magazine</li>

<ol type="i">

<li>Business Times</li>

<li>The Week</li>

<hr>

</ol>

</ul>

</body>

</html>

Output:

ENROLLMENT NO.44924401716 38
COMPUTER APPLICATION PRACTICAL FILE-II

Assignment-9

Question- Design tables as follows:

Roll no Name Course Marks

1 Ajay Kumar BBA 78

ENROLLMENT NO.44924401716 39
COMPUTER APPLICATION PRACTICAL FILE-II

2 Kavita Sharma BCA 62

3 Rohit Garg BBA CAM 87

4 Pooja Kapoor BBA 67

5 Mohit Gupta BBA CAM 72

Coding:
<html>

<head>

<title>Assignment-9 Puneet 449</title>

</head>

<body>

<table align="center" border="3" bgcolor="pink" bordercolor="red" height="400" width="300">

<tr>

<th>Roll no</th>

<th>Name</th>

<th>Course</th>

<th>Marks</th>

</tr>

<tr>

<td align="center">1</td>

<td>Ajay Kumar</td>

ENROLLMENT NO.44924401716 40
COMPUTER APPLICATION PRACTICAL FILE-II

<td align="center">BBA</td>

<td align="center">78</td>

</tr>

<tr>

<td align="center">2</td>

<td>Kavita Sharma</td>

<td align="center">BCA</td>

<td align="center">62</td>

</tr>

<tr>

<td align="center">3</td>

<td>Rohit Garg</td>

<td align="center">BBA CAM</td>

<td align="center">87</td>

</tr>

<tr>

<td align="center">4</td>

<td>Pooja Kapoor</td>

<td align="center">BBA</td>

<td align="center">67</td>

</tr>

<tr>

<td align="center">5</td> <td>Mohit Gupta</td>

ENROLLMENT NO.44924401716 41
COMPUTER APPLICATION PRACTICAL FILE-II

<td align="center">BBA CAM</td>

<td align="center">72</td>

</tr>

</body>

</html>

Output:

ENROLLMENT NO.44924401716 42
COMPUTER APPLICATION PRACTICAL FILE-II

Assignement-10

Question-Design tables as follows:

College
University
Student

Coding:

<html>
<head>
<titlePuneet 449 Assignment-10</title>
</head>
<body>
<Table border="5" bgcolor="pink" align="center" Height="150" width="250"> <tr>
<td rowspan="2">University </td>
<td>College</td>
</tr>
<tr>
<td>Student</td>
</tr>
</body>
</html>

Output:

ENROLLMENT NO.44924401716 43
COMPUTER APPLICATION PRACTICAL FILE-II

ENROLLMENT NO.44924401716 44
COMPUTER APPLICATION PRACTICAL FILE-II

Assignment-11

Question-Design tables as follows:


University

College Student

Coding:-

<html>

<head>

<titlePuneet 449 Assignment-11</title>

</head>

<body>

<Table border="5" bgcolor="pink" align="center" Height="150" width="250">

<tr>

<td colspan="2" align="center">University</td>

</tr>

<tr>

<td align="center">college</td> <td

align="center">student</td>

</tr>

</body>

</html>

ENROLLMENT NO.44924401716 45
COMPUTER APPLICATION PRACTICAL FILE-II

ENROLLMENT NO.44924401716 46
COMPUTER APPLICATION PRACTICAL FILE-II

Assignment-12
Question-Design tables as follows:

Production
Shoes 500
Bags 800
Shirts 300
Sales
Shoes 400
Bags 200
Shirts 500

Coding:
<html>

<head>

<title>Puneet 449 Assignment=12</title>

</head>

<body>

<table border="5" bgcolor="pink" align="center" height="200" width="300">

<tr>

<td colspan="2" align="center">Production</td>

</tr>

<tr>

<td align="center">Shoes</td>

ENROLLMENT NO.44924401716 47
COMPUTER APPLICATION PRACTICAL FILE-II

<td align="center">500</td>

</tr>

<tr>

<td align="center">Bags</td>

<td align="center">800</td>

</tr>

<tr>

<td align="center">Shirts</td>

<td align="center">300</td>

</tr>

<tr>

<td colspan="2" align="center">Sales</td>

</tr>

<tr>

<td align="center">Shoes</td>

<td align="center">400</td>

</tr>

<tr>

<td align="center">Bags</td>

<td align="center">200</td>

</tr>

<tr>

<td align="center">Shirts</td>

ENROLLMENT NO.44924401716 48
COMPUTER APPLICATION PRACTICAL FILE-II

<td align="center">500</td>

</tr>

</body>

</html>

Output:

ENROLLMENT NO.44924401716 49
COMPUTER APPLICATION PRACTICAL FILE-II

Assignment-13

Question - Design tables as follows:

Ro Marks
ll Name Cours
e Interna Extern
No Total
l al
12
abc BBA 20 60 80
3
78
9 xyz BCA 15 65 80

Coding:
<html>

<head>

<title>449 Puneet Assignment-13</title>

</head>

<body>

<table border="3" bgcolor="pink" align="center" height="300" width="350">

<tr>

<td rowspan="2" align="center">Roll no</td>

<td rowspan="2" align="centetr">Name</td>

<td rowspan="2" align="center">Course</td>

<td colspan="3" align="center">Marks</td>

</tr>

ENROLLMENT NO.44924401716 50
COMPUTER APPLICATION PRACTICAL FILE-II

<tr align="center">

<td>Internal</td>

<td>External</td>

<td>Total</td>

</tr>

<tr align="center">

<td>123</td>

<td>ABC</td>

<td>BBA</td>

<td>20</td>

<td>60</td>

<td>80</td>

</td>

<tr align="center">

<td>789</td>

<td>XYZ</td>

<td>BCA</td>

<td>15</td>

<td>65</td>

<td>80</td>

</tr>

</table> </body>

</html>

ENROLLMENT NO.44924401716 51
COMPUTER APPLICATION PRACTICAL FILE-II

Output:

ENROLLMENT NO.44924401716 52
COMPUTER APPLICATION PRACTICAL FILE-II

Assignment-15

Question- Design tables as follows:

Insert An Image Here

Subject
Semester

POM

BM
1st
CF
Se
m BE

BB
A BO

DBMS
2nd
QT & OR
Se
m BE-II

ENROLLMENT NO.44924401716 53
COMPUTER APPLICATION PRACTICAL FILE-II

PDCS-II

Coding:
<html>

<head>

<title> Puneet 449 Assignment -15</title>

</head>

<table border="5" align="center" bgcolor="pink" height="250" width="300"> <tr>

<td colspan="3"><img src="file:///C:/Users/Public/Pictures/Sample%20Pictures/Penguins.jpg"


height="100" width="300" align="center"></img></td>

</tr>

<tr>

<td colspan="2" align="center">Semester</td>

<td align="center">Subject</td>

</tr>

<tr>

<td rowspan="9" align="center">BBA</td>

<td rowspan="4" align="center">1<sup>st</sup></td>

<td align="center">POM</td>

</tr>

ENROLLMENT NO.44924401716 54
COMPUTER APPLICATION PRACTICAL FILE-II

<tr>

<td align="center">BM</td>

</tr>

<tr>

<td align="center">CF</td>

</tr>

<tr>

<td align="center">BE</td>

</tr>

<tr>

<td rowspan="5" align="center">2<sup>st</sup></td>

<td align="center">BO</td>

</tr>

<tr>

<td align="center">DBMS</td>

</tr>

<tr>

<td align="center">QT&or</td>

</tr>

<tr>

<td align="center">BE-II</td>

</tr>

<tr>

ENROLLMENT NO.44924401716 55
COMPUTER APPLICATION PRACTICAL FILE-II

<td align="center">PDCS-II</td>

</tr>

</body

</html>

Output:

ENROLLMENT NO.44924401716 56
COMPUTER APPLICATION PRACTICAL FILE-II

ENROLLMENT NO.44924401716 57
COMPUTER APPLICATION PRACTICAL FILE-II

Assignment-15

Question - Design following table:


IP University Courses

Graduate Post Graduate

BBA BCA B. Tech MBA MCA M. Tech

240 120 100 200 100 80

Coding:
<html>

<head>

<title> Puneet 449 Assignment -15</title>

</head>

<table border="5" align="center" bgcolor="#8000200" height="250" width="300"> <tr>

<td colspan="6" align="center">IP University Courses</td>

</tr>

<tr>

<td colspan="3" align="center">Graduate</td>

<td colspan="3" align="center">Post Graduate</td>

</tr>

<tr>

<td>BBA</td>

<td>BCA</td>

ENROLLMENT NO.44924401716 58
COMPUTER APPLICATION PRACTICAL FILE-II

<td>B.Tech</td>

<td>MBA</td>

<td>MCA</td>

<td>M.Tech</td

</tr>

<tr>

<td>240</td>

<td>120</td>

<td>100</td>

<td>200</td>

<td>100</td>

<td>80</td>

</tr>

</table

</body>

</html>

Output:

ENROLLMENT NO.44924401716 59
COMPUTER APPLICATION PRACTICAL FILE-II

ENROLLMENT NO.44924401716 60
COMPUTER APPLICATION PRACTICAL FILE-II

ASSIGNMENT 16
Design the frames as follows and display any web page in frames:

(i)

Coding:
<html>

<head>

<title>Puneet 449 assignment 16(1)</title>

</head>

<frameset rows = "50%,50%">

<frame name = "1">

<frame name = "2">

</frameset>

ENROLLMENT NO.44924401716 61
COMPUTER APPLICATION PRACTICAL FILE-II

</html>

Output:

(ii)

Coding:

<html>

<head>

<title>Puneet 449 Assignment 16(2)</title>

</head>

<frameset cols = "30%,30%,40%">

<frame name = "1"


src="file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/
chrome%20files/assignment%2016(2)(1).htm">

<frame name = "2"


src="file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/

ENROLLMENT NO.44924401716 62
COMPUTER APPLICATION PRACTICAL FILE-II

chrome%20files/assignment%2016(2)(2).htm">

<frame name = "3"


src="file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/
chrome%20files/assignment%2016(2)(3).htm"> </frameset> Output:

(ii)(i)

Coding:

<html>

<head>

<title>assignment 16(2)(1)</tile>

</title>

<body bgcolor = "orange">

<pre>

</pre>

ENROLLMENT NO.44924401716 63
COMPUTER APPLICATION PRACTICAL FILE-II

<h1 align = "center">F1</h1>

</body>

</html>

Output:

(ii)(ii)

Coding:

<html>

<head>

<title>assignment 16(2)(2)</title>

</head>

<body bgcolor = "white">

<pre>

</pre>

ENROLLMENT NO.44924401716 64
COMPUTER APPLICATION PRACTICAL FILE-II

<h1 align = "center">F2</h1>

</body>

</html>

Output:

(ii)(iii)

Coding:

<html>

<head>

<title>assignment 16(2)(3)</title>

</head>

<pre>

<body bgcolor = "green">

</pre>

<h1 align = "center">F3</h1>

ENROLLMENT NO.44924401716 65
COMPUTER APPLICATION PRACTICAL FILE-II

</body>

</html>

Output:

(iii)

Coding:

<html>

<head>

<title>assignment 16(3)</title> </head>

<frameset rows = "30%,70%">

<frame name = "1"


src="file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/
chrome%20files/assignment%2016(3)(1).htm">

<frameset cols = "30%,30%,40%">

<frame name = "2"


src="file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/

ENROLLMENT NO.44924401716 66
COMPUTER APPLICATION PRACTICAL FILE-II

chrome%20files/assignment%2016(3)(2).htm">

<frame name = "3"


src="file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/
chrome%20files/assignment%2016(3)(3).htm">

<frame name = "4"


src="file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/
chrome%20files/assignment%2016(3)(4).htm">

</frameset>

</frameset>

</html>

Output:

(iii)(i)

Coding:

<html>

<head>

ENROLLMENT NO.44924401716 67
COMPUTER APPLICATION PRACTICAL FILE-II

<title>Assignment 16(3)(1)</title>

</head>

<body bgcolor = "yellow">

<pre>

</pre>

<h1 align = "center">COURSES</h1>

</body>

</html>

Output:

(iii)(ii)

Coding:

<html>

<head>

ENROLLMENT NO.44924401716 68
COMPUTER APPLICATION PRACTICAL FILE-II

<title>assignment 16(3)(2)</title>

</head>

<body bgcolor = "orange">

<pre>

</pre>

<h1 align = "center">BBA</h1>

</body>

</html>

Output:

(iii)(iii):

Coding:

<html>

<head>

<title>Assignment 16(3)(3)</title>

ENROLLMENT NO.44924401716 69
COMPUTER APPLICATION PRACTICAL FILE-II

</head>

<body bgcolor = "white">

<pre>

</pre>

<h1 align = "center">BCA</h1>

</body>

</html>

Output:

(iii)(iv)

Coding:

<html>

<head>

ENROLLMENT NO.44924401716 70
COMPUTER APPLICATION PRACTICAL FILE-II

<title>Assignment 16(3)(4)</title>

</head>

<body bgcolor = "green">

<pre>

</pre>

<h1 align = "center">B.COM</h1>

</body>

</html>

Output:

(iv)

Coding:

<html>

<head>

ENROLLMENT NO.44924401716 71
COMPUTER APPLICATION PRACTICAL FILE-II

<title>Assignment 16(4)</title>

</head>

<frameset cols="50%,50%">

<frame name = "1">

<frameset rows="20%,80%">

<frame name = "2">

<frame name = "3">

</frameset>

</frameset> Output:

(v)

Coding:

<html>

<head>

<title>Assignment 16(5)</title>

ENROLLMENT NO.44924401716 72
COMPUTER APPLICATION PRACTICAL FILE-II

</head>

<frameset rows = "80%,20%">

<frameset cols = "20%,20%,20%,20%,20%">

<frame name = "1"


src="file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/
chrome%20files/assignment%2016(5)(1).htm">

<frame name = "2"


src="file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/
chrome%20files/assignment%2016(5)(2).htm">

<frame name = "3"


src="file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/
chrome%20files/assignment%2016(5)(3).htm">

<frame name = "4"


src="file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/
chrome%20files/assignment%2016(5)(4).htm">

<frame name = "5"


src="file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/
chrome%20files/assignment%2016(5)(5).htm">

</frameset>

<frame name = "6"


src="file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/
chrome%20files/assignment%2016(5)(6).htm">

</frameset>

</html>

Output:

ENROLLMENT NO.44924401716 73
COMPUTER APPLICATION PRACTICAL FILE-II

(v)(i)

Coding:

<html>

<head>

<title>assignment 16(5)(1)</title>

<body bgcolor = "green">

<pre>

</pre>

<h1 align = "center">A</h1>

</body>

</html>

Output:

ENROLLMENT NO.44924401716 74
COMPUTER APPLICATION PRACTICAL FILE-II

(v)(ii)

Coding:

<html>

<head>

<title>assignment 16(5)(2)</title>

</head>

<body bgcolor="mehendi">

<pre>

</pre>

<h1 align = "center">E</h1>

</body>

</html>

Output:

ENROLLMENT NO.44924401716 75
COMPUTER APPLICATION PRACTICAL FILE-II

(v)(iii)

ENROLLMENT NO.44924401716 76
COMPUTER APPLICATION PRACTICAL FILE-II

<title>Assignment 16(5)(3)</title>

</head>

<body bgcolor = "yellow">

<pre>

</pre>

<h1 align = "center">I</h1>

</body>

</html>

Output:

(v)(iv)

Coding:

<html>

<head>

ENROLLMENT NO.44924401716 77
COMPUTER APPLICATION PRACTICAL FILE-II

<title>Assignment 16(5)(4)</title>

</head>

<body bgcolor = "sky blue"</body>

<pre>

</pre>

<h1 align = "center">O</h1>

</html>

</body>

Output:

(v)(v)

<title>Assignment 16(5)(5)</title>

</head>

ENROLLMENT NO.44924401716 78
COMPUTER APPLICATION PRACTICAL FILE-II

<body bgcolor = "turquoise">

<pre>

</pre>

<h1 align = "center">U</h1>

</body>

</html>

Output:

(v)(vi)

Coding:

<html>

<head>

<title>Assignment 16(5)(6)</title>

</head>

ENROLLMENT NO.44924401716 79
COMPUTER APPLICATION PRACTICAL FILE-II

<body bgcolor="brown">

<pre>

</pre>

<h1 align = "center">VOWELS</h1>

</body>

</html>

Output:

(vi)

<title>Assignment 16(6)</title>

<frameset cols = "50%,50%">

<frameset rows = "30%,40%,30%">

<frame name = "1">

ENROLLMENT NO.44924401716 80
COMPUTER APPLICATION PRACTICAL FILE-II

<frame name = "2">

<frame name = "3">

</frameset>

<frame name = "4">

</frameset>

</html>

Output:

ASSIGNMENT 17
Design following frame:
PRODUCTS
Mobile Phone Shoes Pen Drive Shirt

ENROLLMENT NO.44924401716 81
COMPUTER APPLICATION PRACTICAL FILE-II

Description (Product code, Name, Brand, Price,


Image Color, Discount, Offer/Scheme etc.)

Page 1

Coding

<html>

<head>

<title>Puneet 449 Assignment 17</title>

</head>

<frameset rows = "40%,60%">

<frame name = "1" src = "C:\Users\abc\Desktop\assignment 17(1).html">

<frameset cols = "40%,60%">

<frame name = "2">

<frame name = "3">

</frameset>

</frameset>

</html>

ENROLLMENT NO.44924401716 82
COMPUTER APPLICATION PRACTICAL FILE-II

Output

Page 2

Coding

<html>

<head>

<title>Assignment 17(1)</title>

</head>

<body>

<h1 align = "center">PRODUCT</h1>

<br><br><br>

<pre>

<a href = "file:///C:/Users/abc/Desktop/assignment%2017(2).html" target = "2">Mobile

44924401716 BBA-E-3 Page 83


COMPUTER APPLICATION PRACTICAL FILE-II
Phone</a> <a href =
"file:///C:/Users/abc/Desktop/assignment%2017(4).html" target = "2">Shoes</a>
<a href = "file:///C:/Users/abc/Desktop/assignment%2017(6).html" target = "2">Pen Drive</a>
<a href = "file:///C:/Users/abc/Desktop/assignment%2017(8).html" target = "2">Shirt</a>

</pre>

</body>

</html>

Output

ENROLLMENT NO.44924401716 84
Page 3

Coding

<html>

<head>

<title>assignment 17(2)</title>

</head>

<body>

<a href = "file:///C:/Users/abc/Desktop/assignment%2017(3).html" target = "3"><img src =


"C:\Users\abc\Desktop\mobile phone.jpg"></a></img>

</body>

</html>

Output
Page 4

Coding

<html>

<head>

<title>assignment 17(3)</title>

</head>

<body>

A mobile phone also known as a cell phone, is a portable telephone that can make and receive calls
over a radio frequency link while the user is moving within a telephone service area. </body>
</html>

Output
Page 5

Coding

<html>

<head>

<title>assignment 17(4)</title>

</head>

<body>

<a href = "file:///C:/Users/abc/Desktop/assignment%2017(5).html" target = "3"><img src =


"C:\Users\abc\Desktop\shoes.jpg"></a></img>

</body>

</html>

Output
Page 6

Coding

<html>

<head>

<title>Assignment 17(5)</title>

</head>

<body>

A shoe is an item of footwear intended to protect and comfort the human foot while the wearer is
doing various activities. Shoes are also used as an item of decoration and fashion.

</body>

</html>

Output
Page 7

Coding

<html>

<head>

<title>Assignment 17(6)</title>

</head>

<body>

<a href = "file:///C:/Users/abc/Desktop/assignment%2017(7).html" target = "3">

<img src = "C:\Users\abc\Desktop\pen drive.jpg"></img></a>

</body>

</html>

Output
Page 8

Coding

<html>

<head>

<title>assignment 17(7)</title>

</head>

<body>

A USB flash drive, also variously known as a thumb drive, pen drive, jump drive, disk key, disk
on key, flash-drive, memory stick or USB memory,[a] is a data storage device that includes flash
memory with an integrated USB interface. It is typically removable, rewritable and much smaller
than an optical disc.
</body>

</html>

Output

Page 9

Coding

<html>

<head>

<title>Assignment 17(8)</title>

</head>

<body>

<a href = "file:///C:/Users/abc/Desktop/assignment%2017(9).html" target = "3">


<img src = "C:\Users\abc\Desktop\shirt.jpg" height = "400" width = "400"></img></a>

</body>

</html>

Output
Page 10

Coding

<html>

<head>

<title>Assignment 17(9)</title>

</head>

<body>

A shirt is a cloth garment for the upper body (from the neck to the waist).

</body>

</html>

Output
ASSIGNMENT 18
Design following frame:
MAIN MENU Explanation
-----------
Lists
-----------
Tables
Frames View Example
Example

Page 1

Coding

<html>

<head>

<title>Puneet 449 Assignment 18</title>

</head>

<frameset cols = "40%,60%">

<frame name = "1" src =


"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chro
me%20files/assignment%2018(1).htm">

<frameset rows = "50%,50%">

<frame name = "2">


<frame name = "3">

</frameset>

</frameset>

</html>
Output

Page 2

Coding

<html>

<head>

<title>assignment 18(1)</title>

</head>

<body>

<h1 align = "center">MAIN MENU</h1>

<pre>

<h3>
<a href =
"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chro
me%20files/assignment%2018(2).htm" target = "2">LIST</a>

<a href =
"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chro
me%20files/assignment%2018(3).htm" target = "2">TABLES</a>

<a href =
"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chro
me%20files/assignment%2018(4).htm" target = "2">FRAMES</a></h3>

</pre>

</html>

</body>

Output

Page 3

Coding
<html>

<head>

<title>assignment 18(2)</title>

</head>

<body>

<h1 align = "center">LIST EXPAINATION</h1>

<pre>

Lists are used to group together related pieces of information so they are clearly associated with
each other and easy to read. In modern web development, lists are workhorse elements, frequently
used for navigation as well as general content.

Lists are good from a structural point of view as they help create a well-structured, more
accessible, easy-to-maintain document. They are also useful because they provide specialized
elements to which you can attach CSS styles. Finally, semantically correct lists help visitors read
your web site, and they simplify maintenance when your pages need to be updated.

The Two types are:

1) Ordered list

2) Unordered list

</pre>

<a href =
"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chro
me%20files/assignment%2018(5).htm" target = "3">EXAMPLE</a>
</body>

</html>

Output

Page 4

Coding

<html>

<head>

<title>assignment 18(3)</title>

</head>

<body>

<h1 align = "center">TABLE EXPLANATION</h1>

<pre>

A table is an arrangement of information in a rectangular grid. Some tables can be complex, and
for complex tables different browsers can give different results.
When you design your document, use a table to express the relationships among the pieces of
information. Then it does not matter if different browsers present the information in slightly different
ways, because the meaning is still clear.

</pre>

<a href =
"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chro
me%20files/assignment%2018(6).htm" target = "3">EXAMPLE</a>

</body>

</html>

Output:

Page 5

Coding
<html>

<head>

<title>Assignemnt 18(4)</title>

</head>

<body>

<h1 align = "center">FRAMES</h1>

<pre>

In creating a Web site, frames is the use of multiple, independently controllable sections on a
Web presentation.

This effect is achieved by building each section as a separate HTML file and having one
"master" HTML file identify all of the sections.

When a user requests a Web page that uses frames, the address requested is actually that of the
"master" file that defines the frames; the result of the request is that multiple HTML files are
returned, one for each visual section.

Links in one frame can request another file that will appear in another (or the same) frame.

A typical use of frames is to have one frame containing a selection menu in one frame and
another frame that contains the space where the selected (linked to) files will appear. </pre>

<a href =
"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chro
me%20files/assignment%2018(7).htm" target = "3">EXAMPLE</a>

</body>

</html>

Output:
Page 6

Coding:

<html>

<head>

<title>assignment 18(5)</title>

</head>

<body>

<pre>

<ul>

<li>bread</li>

<li>coffee beans</li>

<li>milk</li>

<li>butter</li> </ul>
<ol type = "i">

<li>bread</li>

<li>coffee beans</li>

<li>milk</li>

<li>butter</li>

</ol>

</pre>

</body>

</html>

Output:

Page 7

Coding
<html> <head>

<title>assignment 18(6)</title>

</head>

<body>

<table border = "3">

<tr>

<td rowspan = "2">university</td>

<td>college</td>

</tr>

<tr>

<td>student</td>

</tr>

</table> </body>

</html>

Output
Page 8

Coding

<html>

<head>

<title>Assignment 18(7)</title>

<frameset cols = "50%,50%">

<frameset rows = "30%,40%,30%">

<frame name = "1">

<frame name = "2">

<frame name = "3">

</frameset>

<frame name = "4">

</frameset>

</html>
Output
ASSIGNMENT 19

Write a HTML code to create a frame as given below:

BBA BCA
Description Description

MBA MCA

Description Description

Page 1

Coding

<html>

<head>

<title>Puneet 449 Assignment 19</title>

</head>

<frameset cols = "50%,50%">

<frameset rows = "50%,50%">

<frame name = "1" src =


"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chrome%20fi
les/assignment%2019(1).htm">
<frame name = "2" src =
"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chrome%20fi
les/assignment%2019(5).htm">

</frameset>

<frameset rows = "50%,50%">

<frame name = "3" src =


"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chrome%20fi
les/assignment%2019(3).htm">

<frame name = "4" src =


"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chrome%20fi
les/assignment%2019(7).htm">

</frameset>

</frameset>

</html>

Output

Page 2

Coding

<html>
<head>

<title>assingment 19(1)</title>

</head>

<body bgcolor = "orange">

<pre>

<a href =
"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chrome%20fi
les/assignment%2019(2).htm" target_self><h1 align = "center">BBA</a><h1> </pre>

</body>

Output

Page 3

Coding

<html> <head>
<title>assignment 19(2)</title>
</head>

<body bgcolor = "orange">

<pre><h3>

The Bachelor of Business Administration (BBA or B.B.A.) is a bachelor's degree in commerce


and business administration.

The degree is designed to give a broad knowledge of the functional aspects of a company and
their interconnection, while also allowing for specialization in a particular area.

B.B.A. programs thus expose students to a variety of "core subjects" and generally allow
students to specialize in a specific academic area.

The degree also develops the student's practical, managerial and communication skills, and business
decision-making capability.

Many programs incorporate training and practical experience, in the form of case projects,
presentations, internships, industrial visits, and interaction with experts from the industry.

General educational requirements emphasize humanities and social sciences (history, economics,
and literature).

Coverage of mathematics is generally business related, and is often limited to "Quantitative


Applications for Business" or, alternatively, courses in Calculus for business or Calculus 101, and
business- or general-statistics.

</h3></pre>

</body>

</html>

Output
Page 4

Coding

<html>

<head>

<title>assignment 19(3)</title>

</head>

<body bgcolor = "turquoise">

<pre>

<a href =
"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chro
me%20files/assignment%2019(4).htm" target_self><h1 align = "center">BCA</a></h1> </pre> </body>

</html>

Output:
Page 5

Coding

<html>

<head>

<title>assignment 19(4)</title>

</head>

<body bgcolor = "turquoise">

<pre><h3>

Bachelor of Computer Applications is a three-year undergraduate degree course in the field of


computer applications/computer science.

After BCA the students can do further studies as MCA master in computer application.

It is a common degree for CS/IT in Indian universities and is an alternative to the engineering
counterpart, BE/BTech in Computer Science/IT which takes 4 years.
It is a technical degree that prepares students for a career in the field of computer applications
and software development.

</h3>

</pre>

</html>

Output

Page 6

Coding

<html>

<head>

<title>assignment 19(5)</title>

</head>
<body bgcolor = "sky blue">

<pre>

<a href =
"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chro
me%20files/assignment%2019(6).htm" target_self><h1 align = "center">MBA</a></h1> </pre> </html>

Output

Page 7

Coding

<html>
<head>

<title>assignment 19(6)</title>

</head>

<body bgcolor = "sky blue">

<pre><h3>

The Master of Business Administration (MBA or M.B.A.) is a master's degree in business


administration (management).

The MBA degree originated in the United States in the early 20th century when the country
industrialized and companies sought scientific approaches to management.

The core courses in an MBA program cover various areas of business such as accounting,
applied statistics, business communication, business ethics, business law, finance,

managerial economics, management, marketing and operations in a manner most relevant to


management analysis and strategy.

</h3></pre>

</body>

</html>

Output
Page 8

Coding

<html>

<head>

<title>assignment 19(7)</title>

</head>

<body bgcolor = "fire">

<pre>

<a href =
"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chro
me%20files/assignment%2019(8).htm" target_self"><h1 align = "center">MCA</a></h1> </pre>

</body>

</html>

Output
Page 9

Coding

<html>

<head>

<title>assignment 19(8)</title>

</head>

<body bgcolor = "fire">

<pre><h3>

Master of Computer Application (MCA) is a three year master degree course in computer
applications.

Any graduate student who has passed or appearing in final year exam is eligible for MCA course.

BCA qualified students more preferably opt for this course. MCA is considered equivalent to
engineering.
MCA graduates are same as software engineers. MCA course is very popular after Computer
Science in engineering.

There are about 80000 seats available in about 1500 colleges offering MCA course across India.

After earning an MCA degree from a reputed Institute, there is plethora of job opportunities
available in the market.

There is a wide scope for MCA graduates in government as well as private sector.

As a fresher, an MCA professional can expect anything around 2.4 to 3.4 lakhs.

Top companies hiring MCA graduates are Accenture, Infosys, Wipro, TCS, Cognizant, IBM,
American Express, HCL, HP etc.

</h3></pre>

</body>

</html>

Output
Assignment-20
Question: Make an image map as follows:
Internet, Intranet Image Map
and
Extranet

Telnet Searching
Techniques
Link each part of the map to different web pages with a brief description about
each.

Coding:

Coding for Main Frame:

<html>

<head>

<title>

Puneet 449 Assignment - 20

</title>

</head>

<body>

<img src ="F:\New folder\New folder\assignment 20.png" usemap = "#map1" border


= "0">

<map name = "map1">

<area shape = "rect" coords = "250,122,687,301"


href="file:///C:/Users/Dell/Desktop/interanet.html"> <area shape = "rect" coords =
"1144,121,687,301" href="file:///C:/Users/Dell/Desktop/image-map.html"> <area shape =
"rect" coords
= "250,488,687,301" href="file:///C:/Users/Dell/Desktop/Telenet.html">

<area shape = "rect" coords = "1143,488,687,301"


href="file:///C:/Users/Dell/Desktop/Searching%20Technique.html">

</map>

</body>

</html>

Coding for Internet, Intranet and Extranet:


<HTML>

<HEAD>

<TITLE>

Puneet 449 Assignment - 20

</TITLE>

<BODY>

<H1 ALIGN="CENTER">Internet, Intranet and Extranet</H1> <PRE>The major difference


between the two, however, is that an intranet is typically used internally.

While an extranet allows businesses to communicate with clients and vendors, an intranet allows
employees and colleagues to work with each other in a virtual space — no outside parties are involved.

</PRE>

</BODY>

</HTML>

Coding for Image Map:


<HTML>

<HEAD>
<TITLE>

Puneet 449 Assignment - 20

</TITLE>

<BODY>

<H1 ALIGN="CENTER">Image Map</H1>

<PRE>The <map> tag is used to define a client-side image-map.

An image-map is an image with clickable areas. The required name attribute of the <map>
element is associated with the <img>'s usemap attribute and creates a relationship between the
image and the map. The <map> element contains a number of area elements, that defines the
clickable areas in the image map.

</PRE>

</BODY>

</HTML>

Coding for Telnet:


<HTML>

<HEAD>

<TITLE>

Puneet 449 Assignment - 20

</TITLE>

<BODY>

<H1 ALIGN="CENTER">Telnet</H1>

<PRE>Telnet is a protocol used on the Internet or local area networks to provide a bidirectional
interactive text-oriented communication facility using a virtual terminal connection. User data is
interspersed in-band with Telnet control information in an 8-bit byte oriented data connection over
the Transmission Control Protocol(TCP).

</PRE>

</BODY>

</HTML>

Coding for Searching Techniques:


<HTML>

<HEAD> <TITLE>

Puneet 449 Assignment-20

</TITLE>

<BODY>

<H1 ALIGN="CENTER">Searching Techniques</H1> <PRE>Phrase searching is a useful


technique which can increase the relevance of your results.

Sometimes your search may comprise common words which, when combined in an AND search,
retrieve too many irrelevant records. Databases use different techniques to specify phrase searching
- check the online help.

</PRE>

</BODY>

</HTML>
Output:

Output for Main Frame:

Output for Internet, Intranet and Extranet:


Output for Searching Techniques:

Assignment – 21
Question: Make an image map as follows:
Link each page to their respective details. E.g. If user clicks on
fruits the new webpage opened should have a list of five fruit
names.

ll the web pages should be designed with proper background color, images,
font styles and headings.

Coding:

Coding for Main Page:


<html>

<head>

<title> Puneet 449 Assignment-21</title>

</head>

<img src="file:///C:/Users/abc/Desktop/paint21.png" usemap="#suplexcity">

<map name="suplexcity">

<area shape="circle" coords="357,170,121" href="file:///C:/Users/abc/Downloads/ani.html">


<area shape="poly" coords="926,87,1047,186,927,284,805,186"
href="file:///C:/Users/abc/Downloads/frui.html">

<area shape="rect" coords="417,283,650,454" href="file:///C:/Users/abc/Downloads/vegi.html">

<area shape="poly" coords="1065,297,1169,470,960,470"


href="file:///C:/Users/abc/Downloads/bir.html">

</map>

</html>

Coding for Animals:


<HTML>

<BODY>

<h1>ANIMALS</H1>

<UL>

<LI>LION</LI>

<LI>HORSE</LI>

<LI>DEER</LI>

</UL>

</BODY>

</HTML>

Coding for Fruits:


<HTML>

<BODY>

<h1>FRUITS</H1>

<UL>
<LI>MANGO</LI>

<LI>ORANGE</LI>

<LI>BANANA</LI>

</UL>

</BODY>

</HTML

Coding for Vegetables:


<HTML>

<BODY>

<H1>VEGETABLES</H1>

<UL>

<LI>POTATO</LI>

<LI>TOMATO</LI>

<LI>CARROT</LI>

</UL>

</BODY>

</HTML>

Coding for Birds:


<HTML>

<BODY> <h1>BIRDS</H1>

<UL>

<LI>PARROT</LI>
<LI>PEACOCK</LI>

<LI>SPARROW</LI>

</UL>

</BODY>

</HTML>

Output:

Output for Main Page:

Output for Animals


Output for Fruits:

Output for Vegetables:


Output for Birds:
Assignment – 22
Question: Design following HTML form:

Coding:

Coding for Main Page:


<html>

<body>

<form>

<h1 align="center">New User</h1>

Name

<input type="text"name="rohit"></input><br><br>

E-Email ID

<input type="text"name="email"></input><br><br>

Designation

<select name="designation".

<option value="chairman"chairman</option>

<option value="director">director</option>
<option value="professor">professor</option>

<option value="assistant professor"> assistant professor</option>

</select><br><br>

Specialization

<input type ="radio" name="Specialization" value="IT">IT</input>

<input type="radio" name="specialization"


value="Management">Management</input><br><br>

<input type="submit" value="submit">

<input type="reset" value="reset">

</form>

</body>

</html>

Coding for Page 2:


<html>

<head>

<title>

Puneet 449 Assignment-22

</title>

</head>

<body>

<h1 align="center">Records Submitted.</h1>

</body>

</html>
Output for Main Page:

Output Page

2:
Assignment – 23

Question: Create a HTML form to store information about the visitor of the website
as follows:
Coding:

Coding for Main Page:


<html>

<body>

<h1><center>User</center></h1>

<Form action ="file:///C:/Users/Hp/Downloads/Assignment%2022.html">

<center>

<table border="3" cellpadding="17" cellspacing="20">

<tr>

<td>Email Address:</td>

<td colspan="2"><input type="text" name="email"></input></td>

</tr>

<tr>

<td>Do you use the web for:</td>

<td><input type="checkbox" name="web" value="Research">Research

<input type="checkbox" name="web" value="Purchases">Purchases


</td>

</tr> <tr>

<td>

Occupation:

</td>

<td>

<select name="designation">

<option value="Chairman">Chairman</option>

<option value="Director">Director</option>

<option value="Professor">Professor</option>

<option value="Business Man">Business Man</option>

<option value="Assistant Professor">Assistant Professor</option>

</select>

<tr>

<td>

Want us to send you junk mail:

</td>

<td>

<input type="radio" name="name" value="Absolutely">Absolutely</input> <input type="radio"


name="name" value"No Way Man">No Way Man</input>

</td>

</tr>

<tr>
<td colspan ="2" align ="center">

<input type="submit" value="submit">

<input type="Reset" value="Reset">

</td>

</tr>

</form>

</body>

</html>

Coding for Page 2:

<html>

<head>

<title>

Ashish Singh Rawat 44024401716 Assignment-23

</title>

</head>

<body>

<h1 align="center">Records Submitted.</h1>

</body>

</html>

Output:

Output for Main Page:


Output Page

2:
Assignment – 24
Question: Create a web page to implement Inline Style Sheet.

Coding:
<html>

<body>
<p style="background:pink;color:blue"> A new background color with inline CSS </p>

<h1 style="text-align:center;color:green"> Heading with inline CSS

</h1>

</body>

</html>

Output:
Assignment 25
Question: Create a web page to implement Internal Style Sheet. Coding:

<html>

<head>

<style> p{color:blue}

h1{font-face:Arial; font-style:bold; color:red} h2{fontface:Algerian;


font-style:italic; color:blue}

.p1{font-face:Consolas; font-style:bold; color:green}

.p2{font-face:Gadugi; font-style:italic; color:yellow} #p3{font-face:Jokerman; font-


style:bold; color:pink}
#p4{font-face:Mistral; font-style:italic; color:orange}

</style>

</head>

<body>

<h1>Heading 1</h1>

<h2>Heading 2</h2>

<h1 class="p1">Heading 3</h1>

<h2 class="p2">Heading 4</h2>

<h1 id="p3">Heading 5</h>

<h2 id="p4">Heading 6</h2>


</body>

</html>

Output:

Assignment 26
Question: Create a web page to implement External Style Sheet.
Coding:

Coding for HTML File:


<html>

<head>

<link type="text/css">

<rel="stylesheet">

<href="file:///C:/Users/abc/Desktop/assignment26.css">

</head>

<body>

<p>This is CSS file.</p>

</body>

</html>

Coding for CSS File:


<style> p{color:orange;font

style:Italic} h1{color:pink}

h2{color:yellow}

#Suplexcity{font-face:Italic;size:100px}

</style>

Output:
Assignment 27
Question: Create a web page using Microsoft front page.

Coding:
<html>
<head>

<meta http-equiv="Content-Language" content="en-us">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Name</title>

</head>

<body>

<form method="POST" action="--WEBBOT-SELF--">

<!--webbot bot="SaveResults" U-File="C:\Users\student\Desktop\_private\form_results.csv"


SFormat="TEXT/CSV" S-Label-Fields="TRUE" -->

<p>Name<input type="text" name="T1" size="20"></p>

<p>Email id<input type="text" name="T2" size="20"></p> <p>Roll

No.<input type="text" name="T3" size="20"></p>

<p>Institute<select size="1" name="D1" multiple>

<option>IITM</option>

<option>IINTM</option>

<option>SURAJMAL</option>

</select></p>

<p>Courses<input type="radio" value="V1" checked name="R1">BBA<input type="radio"


name="R1" value="V2">BCA<input type="radio" name="R1" value="V3">BCOM</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset"


name="B2"></p>

</form>
</body>

</html>

Output:

Vous aimerez peut-être aussi