Académique Documents
Professionnel Documents
Culture Documents
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
</BODY>
</HTML>
OUTPUT:
ENROLLMENT NO.44924401716 2
COMPUTER APPLICATION PRACTICAL FILE-II
Assignment-2
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>
</HEAD>
<BODY BGCOLOR="PINK">
<H2><B><U>OBJECTIVE</U></B></H2>
<H2><B><U>EDUCATIONAL QUALIFICATION</U></B></H2>
ENROLLMENT NO.44924401716 3
COMPUTER APPLICATION PRACTICAL FILE-II
<PRE>
X CBSE 70
<H2><B><U>ACHIEVEMENTS</U></B></H2>
<H2><B><U>STRENTHS</U></B></H2>
HONESTY<BR>
PUNCTUALITY
<H2><B><U> HOBBIES</U></B></H2>
READING BOOKS
LISTINING MUSIC
<H2><B><U>PERSONAL DETAILS</U></B></H2>
<PRE>
</BODY>
</HTML>
ENROLLMENT NO.44924401716 4
COMPUTER APPLICATION PRACTICAL FILE-II
ENROLLMENT NO.44924401716 5
COMPUTER APPLICATION PRACTICAL FILE-II
Assignment-3
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
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
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:
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
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>
<br>
<br>
<br>
<br>
<br><br>
"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>
<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>
<br>
<hr>
<h2>strike</h2>
<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>
<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>
<hr><br><br><br><br><br><br>
</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>
<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>
</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>
<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>
</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>
<br>
<h2>br</h2>
<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>
</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:
ax2+bx+c=0
"CHEMICAL EQUATION"
Coding:
<html>
<body>
<center>
<pre>
ax<sup>2</sup>+bx+c=0
ENROLLMENT NO.44924401716 25
COMPUTER APPLICATION PRACTICAL FILE-II
<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>
</font>
</pre>
</center>
</body>
</html>
Output:
ENROLLMENT NO.44924401716 26
COMPUTER APPLICATION PRACTICAL FILE-II
Assignment-6
Departments of College
2. Department of Mathematics
B.Sc. Mathematics
M.Sc. Mathematics
M.Phil. Mathematics
Zoology o
Ph.D. Zoology
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">
<ol Type="1">
<ul Type"disc">
<li>PGDCA</li>
</font>
</ul>
<HR>
<ul Type="Square">
<li>Bsc.Mathematics</li>
ENROLLMENT NO.44924401716 28
COMPUTER APPLICATION PRACTICAL FILE-II
<li>Msc. Mathematics</li>
<li>Mphill.Mathematics</li>
</font>
</ul>
<HR>
<ul Type="circle">
<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
Computer System
1. Input Devices
2. Output Devices
i. Monitor
a. LCD
a. Impact Printer
Coding:
<html>
ENROLLMENT NO.44924401716 31
COMPUTER APPLICATION PRACTICAL FILE-II
<head>
</head>
<body BGCOLOR="ORANGE">
<IMG SRC="file:///C:/Users/Public/Pictures/Sample%20Pictures/Lighthouse.jpg"
ALIGN="RIGHT">
<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">
</ol></ol>
<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>
</ol>
</body>
</html>
Output:
ENROLLMENT NO.44924401716 33
COMPUTER APPLICATION PRACTICAL FILE-II
ENROLLMENT NO.44924401716 34
COMPUTER APPLICATION PRACTICAL FILE-II
Assignment-8
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
Coding:
<html>
<head>
</head>
<body bgcolor="green">
<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>
<li>Newspaper</li>
<ol type="1"start="5">
<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
ENROLLMENT NO.44924401716 39
COMPUTER APPLICATION PRACTICAL FILE-II
Coding:
<html>
<head>
</head>
<body>
<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">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>
ENROLLMENT NO.44924401716 41
COMPUTER APPLICATION PRACTICAL FILE-II
<td align="center">72</td>
</tr>
</body>
</html>
Output:
ENROLLMENT NO.44924401716 42
COMPUTER APPLICATION PRACTICAL FILE-II
Assignement-10
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
College Student
Coding:-
<html>
<head>
</head>
<body>
<tr>
</tr>
<tr>
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>
</head>
<body>
<tr>
</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>
</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
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>
</head>
<body>
<tr>
</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
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>
</head>
</tr>
<tr>
<td align="center">Subject</td>
</tr>
<tr>
<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 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
Coding:
<html>
<head>
</head>
</tr>
<tr>
</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>
</head>
</frameset>
ENROLLMENT NO.44924401716 61
COMPUTER APPLICATION PRACTICAL FILE-II
</html>
Output:
(ii)
Coding:
<html>
<head>
</head>
ENROLLMENT NO.44924401716 62
COMPUTER APPLICATION PRACTICAL FILE-II
chrome%20files/assignment%2016(2)(2).htm">
(ii)(i)
Coding:
<html>
<head>
<title>assignment 16(2)(1)</tile>
</title>
<pre>
</pre>
ENROLLMENT NO.44924401716 63
COMPUTER APPLICATION PRACTICAL FILE-II
</body>
</html>
Output:
(ii)(ii)
Coding:
<html>
<head>
<title>assignment 16(2)(2)</title>
</head>
<pre>
</pre>
ENROLLMENT NO.44924401716 64
COMPUTER APPLICATION PRACTICAL FILE-II
</body>
</html>
Output:
(ii)(iii)
Coding:
<html>
<head>
<title>assignment 16(2)(3)</title>
</head>
<pre>
</pre>
ENROLLMENT NO.44924401716 65
COMPUTER APPLICATION PRACTICAL FILE-II
</body>
</html>
Output:
(iii)
Coding:
<html>
<head>
ENROLLMENT NO.44924401716 66
COMPUTER APPLICATION PRACTICAL FILE-II
chrome%20files/assignment%2016(3)(2).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>
<pre>
</pre>
</body>
</html>
Output:
(iii)(ii)
Coding:
<html>
<head>
ENROLLMENT NO.44924401716 68
COMPUTER APPLICATION PRACTICAL FILE-II
<title>assignment 16(3)(2)</title>
</head>
<pre>
</pre>
</body>
</html>
Output:
(iii)(iii):
Coding:
<html>
<head>
<title>Assignment 16(3)(3)</title>
ENROLLMENT NO.44924401716 69
COMPUTER APPLICATION PRACTICAL FILE-II
</head>
<pre>
</pre>
</body>
</html>
Output:
(iii)(iv)
Coding:
<html>
<head>
ENROLLMENT NO.44924401716 70
COMPUTER APPLICATION PRACTICAL FILE-II
<title>Assignment 16(3)(4)</title>
</head>
<pre>
</pre>
</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%">
<frameset rows="20%,80%">
</frameset>
</frameset> Output:
(v)
Coding:
<html>
<head>
<title>Assignment 16(5)</title>
ENROLLMENT NO.44924401716 72
COMPUTER APPLICATION PRACTICAL FILE-II
</head>
</frameset>
</frameset>
</html>
Output:
ENROLLMENT NO.44924401716 73
COMPUTER APPLICATION PRACTICAL FILE-II
(v)(i)
Coding:
<html>
<head>
<title>assignment 16(5)(1)</title>
<pre>
</pre>
</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>
</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>
<pre>
</pre>
</body>
</html>
Output:
(v)(iv)
Coding:
<html>
<head>
ENROLLMENT NO.44924401716 77
COMPUTER APPLICATION PRACTICAL FILE-II
<title>Assignment 16(5)(4)</title>
</head>
<pre>
</pre>
</html>
</body>
Output:
(v)(v)
<title>Assignment 16(5)(5)</title>
</head>
ENROLLMENT NO.44924401716 78
COMPUTER APPLICATION PRACTICAL FILE-II
<pre>
</pre>
</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>
</body>
</html>
Output:
(vi)
<title>Assignment 16(6)</title>
ENROLLMENT NO.44924401716 80
COMPUTER APPLICATION PRACTICAL FILE-II
</frameset>
</frameset>
</html>
Output:
ASSIGNMENT 17
Design following frame:
PRODUCTS
Mobile Phone Shoes Pen Drive Shirt
ENROLLMENT NO.44924401716 81
COMPUTER APPLICATION PRACTICAL FILE-II
Page 1
Coding
<html>
<head>
</head>
</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>
<br><br><br>
<pre>
</pre>
</body>
</html>
Output
ENROLLMENT NO.44924401716 84
Page 3
Coding
<html>
<head>
<title>assignment 17(2)</title>
</head>
<body>
</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>
</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>
</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>
</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>
</head>
</frameset>
</frameset>
</html>
Output
Page 2
Coding
<html>
<head>
<title>assignment 18(1)</title>
</head>
<body>
<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>
<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.
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>
<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>
<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>
<tr>
<td>college</td>
</tr>
<tr>
<td>student</td>
</tr>
</table> </body>
</html>
Output
Page 8
Coding
<html>
<head>
<title>Assignment 18(7)</title>
</frameset>
</frameset>
</html>
Output
ASSIGNMENT 19
BBA BCA
Description Description
MBA MCA
Description Description
Page 1
Coding
<html>
<head>
</head>
</frameset>
</frameset>
</frameset>
</html>
Output
Page 2
Coding
<html>
<head>
<title>assingment 19(1)</title>
</head>
<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>
<pre><h3>
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).
</h3></pre>
</body>
</html>
Output
Page 4
Coding
<html>
<head>
<title>assignment 19(3)</title>
</head>
<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>
<pre><h3>
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>
<pre><h3>
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,
</h3></pre>
</body>
</html>
Output
Page 8
Coding
<html>
<head>
<title>assignment 19(7)</title>
</head>
<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>
<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:
<html>
<head>
<title>
</title>
</head>
<body>
</map>
</body>
</html>
<HEAD>
<TITLE>
</TITLE>
<BODY>
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>
<HEAD>
<TITLE>
</TITLE>
<BODY>
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>
<HEAD>
<TITLE>
</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>
<HEAD> <TITLE>
</TITLE>
<BODY>
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:
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:
<head>
</head>
<map name="suplexcity">
</map>
</html>
<BODY>
<h1>ANIMALS</H1>
<UL>
<LI>LION</LI>
<LI>HORSE</LI>
<LI>DEER</LI>
</UL>
</BODY>
</HTML>
<BODY>
<h1>FRUITS</H1>
<UL>
<LI>MANGO</LI>
<LI>ORANGE</LI>
<LI>BANANA</LI>
</UL>
</BODY>
</HTML
<BODY>
<H1>VEGETABLES</H1>
<UL>
<LI>POTATO</LI>
<LI>TOMATO</LI>
<LI>CARROT</LI>
</UL>
</BODY>
</HTML>
<BODY> <h1>BIRDS</H1>
<UL>
<LI>PARROT</LI>
<LI>PEACOCK</LI>
<LI>SPARROW</LI>
</UL>
</BODY>
</HTML>
Output:
Coding:
<body>
<form>
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>
</select><br><br>
Specialization
</form>
</body>
</html>
<head>
<title>
</title>
</head>
<body>
</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:
<body>
<h1><center>User</center></h1>
<center>
<tr>
<td>Email Address:</td>
</tr>
<tr>
</tr> <tr>
<td>
Occupation:
</td>
<td>
<select name="designation">
<option value="Chairman">Chairman</option>
<option value="Director">Director</option>
<option value="Professor">Professor</option>
</select>
<tr>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td colspan ="2" align ="center">
</td>
</tr>
</form>
</body>
</html>
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
Output:
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>
</body>
</html>
Output:
Assignment 25
Question: Create a web page to implement Internal Style Sheet. Coding:
<html>
<head>
<style> p{color:blue}
</style>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
</html>
Output:
Assignment 26
Question: Create a web page to implement External Style Sheet.
Coding:
<head>
<link type="text/css">
<rel="stylesheet">
<href="file:///C:/Users/abc/Desktop/assignment26.css">
</head>
<body>
</body>
</html>
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>
<title>Name</title>
</head>
<body>
<option>IITM</option>
<option>IINTM</option>
<option>SURAJMAL</option>
</select></p>
<p> </p>
<p> </p>
</form>
</body>
</html>
Output: