Académique Documents
Professionnel Documents
Culture Documents
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
IT PRESERVES SPACES AND LINE BREAKS</PRE>
</BODY>
</HTML>
OUTPUT:
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>
<PRE>
<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>
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>
<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>
<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:
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:
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>
<title>Puneet Assignment-4</title>
</head>
</body>
<br>
<br>
<br>
<br>
<br><br>
</body>
</html>
OUTPUT:
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>
<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>
<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.
<hr>
<br>
<br>
<br>
<br>
OUTPUT:
CODING:
PAGE 2:
<html>
<head>
<title>page 2</title>
</head>
<body>
<br>
<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:
CODING:
PAGE 3:
<html>
<head>
<title>page 3</title>
</head>
<body>
<br>
<h2>internal link</h2>
<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>
</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:
CODING:
PAGE 5:
<html>
<head>
<title>page 5</title>
</head>
<body>
<h1 align = "center">Other tags</h1>
<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>
<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:
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
"CHEMICAL EQUATION"
4H3PO3 = 3H3PO4+PH3
and other expression as
Pnew= Pold + X2-Yacosx
Coding:
<html>
<body>
<center>
<pre>
ax<sup>2</sup>+bx+c=0
<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:
Assignement-6
Departments of College
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
<HEAD>
<TitleAssignment-6 449>
<body BAckground="file:///C:/Users/abc/Desktop/institute-of-information-technology-
management-iitm-janakpuri.jpg">
<ol Type="1">
<ul Type"disc">
<li>PGDCA</li>
</font>
</ul>
<HR>
<ul Type="Square">
<li>Bsc.Mathematics</li>
<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>
Output:
Assignment-7
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
Coding:
<html>
<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">
<li>LCD</li>
<li>CRT</li>
</ol>
<li>Printer</li>
<ol type="i">
<li>Impact Printer</li>
</body>
</html>
Output:
Assignment-8
o Magazine
i. Business Times
ii. The Week
iii. India Today
iv. Harvard Business Review
v. Computer World
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>
</head>
<body bgcolor="green">
<ol type="A">
<li>Vegetables</li>
<ul type="disc">
<li>Onion</li>
<li>Tomato</Li>
<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>
<ul type="circle">
<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>
<li>Magazine</li>
<ol type="i">
<li>Business Times</li>
<li>The Week</li>
<hr>
</ol>
</ul>
</body>
</html>
Output:
Assignment-9
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>
<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>
<td align="center">5</td>
<td>Mohit Gupta</td>
<td align="center">BBA CAM</td>
<td align="center">72</td>
</tr>
</body>
</html>
Output:
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:
Assignment-11
Coding:-
<html>
<head>
</head>
<body>
<tr>
</tr>
<tr>
<td align="center">college</td>
<td align="center">student</td>
</tr>
</body>
</html>
Assignment-12
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>
<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>
<td align="center">500</td>
</tr>
</body>
</html>
Output:
Assignment-13
Ro Marks
Cours
ll Name Interna Extern
e Total
No l al
12
abc BBA 20 60 80
3
78
xyz BCA 15 65 80
9
Coding:
<html>
<head>
</head>
<body>
<tr>
</tr>
<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>
Output:
Assignment-14
Subject
Semester
POM
BM
CF
1st BE
Sem
BO
DBMS
QT & OR
2nd BE-II
Sem
PDCS-II
BB
A
Coding:
<html>
<head>
</head>
<tr>
</tr>
<tr>
<td align="center">Subject</td>
</tr>
<tr>
<td align="center">POM</td>
</tr>
<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>
<td align="center">PDCS-II</td>
</tr>
</body
</html>
Output:
Assignment-15
Question - Design following table:
IP University Courses
<head>
</head>
<tr>
</tr>
<tr>
</tr>
<tr>
<td>BBA</td>
<td>BCA</td>
<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:
ASSIGNMENT 16
Design the frames as follows and display any web page in frames:
(i)
Coding:
<html>
<head>
</head>
</frameset>
</html>
Output:
(ii)
Coding:
<html>
<head>
</head>
</frameset>
Output:
(ii)(i)
Coding:
<html>
<head>
<title>assignment 16(2)(1)</tile>
</title>
<pre>
</pre>
</html>
Output:
(ii)(ii)
Coding:
<html>
<head>
<title>assignment 16(2)(2)</title>
</head>
<pre>
</pre>
</body>
</html>
Output:
(ii)(iii)
Coding:
<html>
<head>
<title>assignment 16(2)(3)</title>
</head>
<pre>
</pre>
</body>
</html>
Output:
(iii)
Coding:
<html>
<head>
<title>assignment 16(3)</title>
</head>
</frameset>
</frameset>
</html>
Output:
(iii)(i)
Coding:
<html>
<head>
<title>Assignment 16(3)(1)</title>
</head>
<pre>
</pre>
</body>
</html>
Output:
(iii)(ii)
Coding:
<html>
<head>
<title>assignment 16(3)(2)</title>
</head>
</pre>
</body>
</html>
Output:
(iii)(iii):
Coding:
<html>
<head>
<title>Assignment 16(3)(3)</title>
</head>
<pre>
</pre>
</body>
</html>
Output:
(iii)(iv)
Coding:
<html>
<head>
<title>Assignment 16(3)(4)</title>
</head>
<pre>
</pre>
</body>
</html>
Output:
(iv)
Coding:
<html>
<head>
<title>Assignment 16(4)</title>
</head>
<frameset cols="50%,50%">
</frameset>
</frameset>
Output:
(v)
Coding:
<html>
<head>
<title>Assignment 16(5)</title>
</head>
</frameset>
</frameset>
</html>
Output:
(v)(i)
Coding:
<html>
<head>
<title>assignment 16(5)(1)</title>
<pre>
</pre>
</body>
</html>
Output:
(v)(ii)
Coding:
<html>
<head>
<title>assignment 16(5)(2)</title>
</head>
<body bgcolor="mehendi">
<pre>
</pre>
</body>
</html>
Output:
(v)(iii)
Coding:
<html>
<head>
<title>Assignment 16(5)(3)</title>
</head>
<pre>
</pre>
</body>
</html>
Output:
(v)(iv)
Coding:
<html>
<head>
<title>Assignment 16(5)(4)</title>
</head>
<pre>
</pre>
</html>
</body>
Output:
(v)(v)
Coding:
<html>
<head>
<title>Assignment 16(5)(5)</title>
</head>
<pre>
</pre>
</body>
</html>
Output:
(v)(vi)
Coding:
<html>
<head>
<title>Assignment 16(5)(6)</title>
</head>
<body bgcolor="brown">
<pre>
</pre>
</body>
</html>
Output:
(vi)
Coding:
<html>
<head>
<title>Assignment 16(6)</title>
</frameset>
</frameset>
</html>
Output:
ASSIGNMENT 17
PRODUCTS
Mobile Phone Shoes Pen Drive Shirt
Page 1
Coding
<html>
<head>
</head>
</frameset>
</frameset>
</html>
Output
Page 2
Coding
<html>
<head>
<title>Assignment 17(1)</title>
</head>
<body>
<br><br><br>
<pre>
</pre>
</body>
</html>
Output
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
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
</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>
<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>
</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>
<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 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:
Image Map
Internet, Intranet and
Extranet
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>
Coding for Internet, Intranet and Extranet:
<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>
<HTML>
<HEAD>
<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>
<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>
Coding for Searching Techniques:
<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:
Coding:
<html>
<head>
</head>
<map name="suplexcity">
</map>
</html>
<HTML>
<BODY>
<h1>ANIMALS</H1>
<UL>
<LI>LION</LI>
<LI>HORSE</LI>
<LI>DEER</LI>
</UL>
</BODY>
</HTML>
<HTML>
<BODY>
<h1>FRUITS</H1>
<UL>
<LI>MANGO</LI>
<LI>ORANGE</LI>
<LI>BANANA</LI>
</UL>
</BODY>
</HTML
<HTML>
<BODY>
<H1>VEGETABLES</H1>
<UL>
<LI>POTATO</LI>
<LI>TOMATO</LI>
<LI>CARROT</LI>
</UL>
</BODY>
</HTML>
<HTML>
<BODY>
<h1>BIRDS</H1>
<UL>
<LI>PARROT</LI>
<LI>PEACOCK</LI>
<LI>SPARROW</LI>
</UL>
</BODY>
</HTML>
Output:
Coding:
<html>
<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 for Page 2:
Assignment – 23
Question: Create a HTML form to store information about the visitor of the
website as follows:
Coding:
<html>
<body>
<h1><center>User</center></h1>
<center>
<tr>
<td>Email Address:</td>
</tr>
<tr>
<td>Do you use the web for:</td>
</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>
</select>
<tr>
<td>
</td>
<td>
</td>
</tr>
<tr>
</td>
</tr>
</form>
</body>
</html>
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
Output:
Coding:
<html>
<body>
</p>
</h1>
</body>
</html>
Output:
Assignment – 25
<html>
<head>
<style> p{color:blue}
</style>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
</body>
</html>
Output:
Assignment – 26
Coding:
<html>
<head>
<link type="text/css">
<rel="stylesheet">
<href="file:///C:/Users/abc/Desktop/assignment26.css">
</head>
<body>
</body>
</html>
<style>
p{color:orange;font style:Italic}
h1{color:pink}
h2{color:yellow}
#Suplexcity{font-face:Italic;size:100px}
</style>
Output:
Assignment – 27
Coding:
<html>
<head>
<title>Name</title>
</head>
<body>
<option>IITM</option>
<option>IINTM</option>
<option>SURAJMAL</option>
</select></p>
<p> </p>
<p> </p>
<p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset"
name="B2"></p>
</form>
</body>
</html>
Output: