BBA IV Semester CA All Assignments

CA-II PRACTICAL FILE
06290301715 1
ASSIGNMENT NUMBER 1
QUESTION. Create a HTML file for displaying a web page with brief description of all these
tags:-
1. Bold tag
2. Italic tag
3. Underline tag
4. Paragraph tag
5. Preformatted tag
6. Alignment
7. Text-Color
8. Heading tag
9. Horizontal Line tag
10. Background Color
11. Line Break tag
SCREENSHOT:

06290301715 2
CODING:
<html>
<body><pre>
<b>BOLD TAG</b>
Bold tag is Container tag. It is used for bold the text. It is denoted as < b > < /b >.
SYNTAX = < b >Bold Tag< /b >
<b>ITALIC TAG</b>
Italic tag is Container tag. It is used for Cursive the text. It is denoted as < i > < /i >.
SYNTAX = < i >Italic Tag< /i >
<b>UNDERLINE TAG</b>
Underline tag is Container tag. It is used to underline the text. It is denoted as < u > < /u
>.
SYNTAX = < u >Underline Tag< /u >
<b>PARAGRAPH TAG</b>
Paragraph tag is Container tag. It is used for begin a new paragraph. It is denoted as < p >
< /p >.

06290301715 3
SYNTAX = < p >Paragraph Tag< /p >
<b>PREFORMATTED TAG</b>
Preformatted tag is Container tag. It is used for printing the text as you want.
It is denoted as < pre > < /pre >.
SYNTAX = < pre >Preformatted
Tag< /pre >
<b>ALIGNMENT</b>
Alignment is an attribute of Body tag. It is used to align the text.
It has four values Left, Right, Center, Justify.
SYNTAX = < p align="left" >Alignment< /p >
<b>TEXT-COLOR</b>
Text-color is an attribute of Body tag. It is used to changing the color of the text.
SYNTAX = < p color="red" >Text-Color< /p >
<b>HEADING TAG</b>
Heading tag is Container tag. It has six parts
denoted as < h1 > < /h1 >, < h2 > < /h2 >, < h3 > < /h3 >, < h4 > < /h4 >, < h5 > < /h5 >,
< h6 > < /h6 >.
h1 has biggest size and h6 has smallest size.
SYNTAX = < h1 >Heading Tag< /h1 >
<b>HORIZONTAL TAG</b>
Horizontal tag is Empty tag. It is used for make a horizontal line. It is a Empty tag.
It is denoted as < hr >.
SYNTAX = < pre >Horizontal Tag
< hr >< /pre >
<b>BACKGROUND COLOR</b>

06290301715 4
Background Color is an attribute of Body tag. It is used for changing the background of
webpage.
SYNTAX = < body bgcolor="blue" >Background Color
< /body >
<b>LINE BREAK TAG</b>
Line Break tag is Empty tag. It is used for ending a line in a paragraph and starting a new
line.
It is denoted as < br >.
SYNTAX = < p >Line Break< br >Tag< /p >
</pre>
</body>
</html>

06290301715 5
ASSIGNMENT NUMBER 2
QUESTION. Design a web page of your CV with heading as Objective, Educational
Qualification, Achievements, Hobbies, Strengths and Personal Details. Apply following
specifications:-
1. Insert a horizontal line after every above mention headings
2. Set any light color as page background
3. Bold & Underline every heading
4. Use heading tag to specify the headings
5. Use preformatted tag for educational qualification
6. Use base font tag for all the text
SCREENSHOTS:

06290301715 6
CODING:
<html>
<head>
<basefont color="yellow">
</head>
<body bgcolor="red">
<h1 align="center"><font face="algerian"><u>Curriculum Vitae</u></font></h1>
<pre>
<h1 align="center"><b><u>OBJECTIVE</b></u></h1>
Looking for a challenging career which demands the best of my professional ability in terms
of,technical and analytical skills,
and helps me in broadening and enhancing my current skill and knowledge.
<hr align="center" width="80%">
<h1 align="center"><b><u>EDUCATIONAL QUALIFICATION</b></u></h1>

06290301715 7
<b> <u>CLASS</u> <u>BOARD</u> <u>YEAR OF
PASSING</u> <u>COLLEGE/SCHOOLING</u></b>
BBA GGSIPU Persuing Institute of Innovation in
Technology and Management
XII CBSE 2015 Jindal Public School
X CBSE 2013 Jindal Public School
<h1 align="center"><b><u>ACHIEVEMENTS</b></u></h1>
I got certified on Advance Excel.
<h1 align="center"><b><u>STRENGHTS</b></u></h1>
1. Basic Computer Knowledge
2. Advance Excel
<h1 align="center"><b><u>HOBBIES</b></u></h1>
Playing Cricket, Listening Music
<h1 align="center"><b><u>PERSONAL DETAILS</b></u></h1>
Full Name : Roshan Kumar
DOB : 23 March 1998
Sex : Male
Language Known : Hindi, English

06290301715 8
Adderess : RZC-114A, Dabri Extn <EAST>, New Delhi-110045
Mobile No. : 9871343357
Email ID : roshank9871@gmail.com
</pre>
</body>
</html>

06290301715 9
ASSIGNMENT NUMBER 3
QUESTION. Design a website of IITM. Design a homepage with name Vision & Mission of
the college.
1. Insert an image of IITM on top right
2. Insert a marquee to display Admissions Open using proper attributes
3. Make hyperlink to come back on the home page on every webpage
4. Use different paragraphs & fonts
SCREENSHOT:
CODING:
<html>
<pre><h1 align="center"><font color="white">IITM</font></h1>
<img src="C:Roshan BBA M2A3index.jpg" align="right" alt="IITM logo">
<marquee bgcolor="yellow" width="1000" behaviour="slide" diretion="right" hspace="100">
ADMISSION OPEN</marquee>

06290301715 10
<h1 align="center"><font color="white">Vision</font></h1>
<p><font face="arial">The institute aims to be a center of excellence promoting value based
quality education in the emerging areas of profession studies in information, technology &
management.
</font></p>
<h1 align="center"><font color="white">Mission</font></h1>
<p><font face="arial">The institute endavers to contribute towards meeting the growing
demands for competent & trained information technology proffestion software engeeniers &
world class managers determine to achieve exilence.
</font></p>
<h1><a href="C:Roshan BBA M2A3Courses.html" target="_blank">COURSES
AVAILABLE</a></h1>
<h1><a href="C:Roshan BBA M2A3Shifts.html" target="_blank">SHIFTS</a></h1>
<h1><a href="C:Roshan BBA M2A3Location.html"
target="_blank">LOCATION</a></h1>
</pre>
</body>
</html>

06290301715 11
SCREENSHOT:
CODING:
<html>
<h1 align="center"><font color="white">Courses Available</font></h1>
<pre>
<h3>1. BBA
2. BCA
3. B Com</h3>

06290301715 12
<h1 align="center"><a href="C:Roshan BBA M2A3Home.html"
target="_blank">BACK</a></h1>
</pre>
</body>
</html>

06290301715 13
SCREENSHOT:
CODING:
<html>
<h1 align="center"><font color="white">Shifts</font></h1>
<pre>
<h1>Morning</h1>
<h3>Timings:-8:30 to 2:30</h3>
<h1>Evening</h1>

06290301715 14
<h3>Timings:-10:30 to 4:30</h3>
</pre>
</body>
</html>
SCREENSHOT:
CODING:
<html>
<h1 align="center"><font color="white">Location</font></h1>
<pre>

06290301715 15
<h3>D-27 & 28, Institutional Area, Janak Puri, New Delhi-58
Tel.: 28520890, 28520894, 28520239(Tele Fax)</h3>
</pre>
</body>
</html>

06290301715 16
ASSIGNMENT NUMBER 4
QUESTION. Design a website with the name as HTML tutorial with following specifications.
Make following hyperlinks (ie. 5 different web pages):-
1. Formatting Styles & Headings: Include bold, italic, underline, strike, subscript,
superscript & all 6 types of headings
2. Font Styles & Images: Font & basefont tag, Image tag
3. Anchor: Internal & External links
4. Marquee: Move text, image & hyperlink
5. Other Tags: line break, horizontal line, preformatted, paragraph, blockquote
Include following specifications:-
1. In all these webpages only mention about used attributes & apply them
2. Insert a background image on home page
3. Insert a marquee showing HTML Tutorial as moving text
4. After every tag put a horizontal line
5. On every page make a hyperlink for going back to home page
SCREENSHOT:

06290301715 17
CODING:
<html>
<body background="Html.jpg" bgcolor="#082298A">
<h1 align="center"><font face="algerian" color="01DF01"><marquee direction="right"
behavior="alternate">HTML TUTORIAL</marquee></font></h1>
<pre>
<h2><b><i><u><a href="C:Roshan BBA M2A4Formatting Styles & Headings.html"
target="_blank">Formatting Styles & Headings</a></u></i></b></h2>
<h2><b><i><u><a href="C:Roshan BBA M2A4Font Styles & Images.html"
target="_blank">Font Styles & Images</a></u></i></b></h2>
<h2><b><i><u><a href="C:Roshan BBA M2A4Anchor.html"
target="_blank">Anchor</a></u></i></b></h2>
<h2><b><i><u><a href="C:Roshan BBA M2A4Marquee.html"
target="_blank">Marquee</a></u></i></b></h2>
<h2><b><i><u><a href="C:Roshan BBA M2A4Other Tags.html" target="_blank">Other
Tags</a></u></i></b></h2>
</pre>
</body>
</html>

06290301715 18
SCREENSHOT:

06290301715 19
CODING:
<html>
<body bgcolor="#082298A">
<h1 align="center"><font face="algerian" color="01DF01">FORMATTING STYLES &
HEADINGS</font></h1>
<pre>
<h2><b><i><u>BOLD TAG</u></i></b></h2>
Bold tag is a Container tag. It is used for bold the text. It is denoted as < b > for opening
tag & < /b > for closing tag.
EXAMPLE= <b>This text is bold</b>
SYNTAX = < b >This text is bold< /b >
<hr>
<h2><b><i><u>ITALIC TAG</u></i></b></h2>
Italic tag is a Container tag. It is used for Cursive the text. It is denoted as < i > for opening
tag & < /i > for closing tag.
EXAMPLE= <i>This text is cursive</i>
SYNTAX = < i >This text is cursive< /i >
<hr>
<h2><b><i><u>UNDERLINE TAG</u></i></b></h2>

06290301715 20
Underline tag is a Container tag. It is used to underline the text. It is denoted as < u > for
opening tag & < /u > for closing tag.
EXAMPLE= <u>This text is underlined</u>
SYNTAX = < u >This text is underlined< /u >
<hr>
<h2><b><i><u>STRIKE TAG</u></i></b></h2>
Strike tag is a container tag. It is used to strikethrough text. It is denoted as < strike > for
opening tag & < /strike > for closing tag.
EXAMPLE= <strike>This text is striked</strike>
SYNTAX = < strike >This text is striked< /strike >
<hr>
<h2><b><i><u>SUBSCRIPT TAG</u></i></b></h2>
Subscript tag is a Container tag. It defines subscript text. It appears half a character below
the normal line & is sometimes rendered in a smaller font.
It is denoted as < sub > for opening tag & < /sub > for closing tag. It can be used for
chemical forulas.
EXAMPLE= H<sub>2</sub>O
SYNTAX = H< sub >2< /sub >O
<hr>
<h2><b><i><u>SUPERSCRIPT TAG</u></i></b></h2>
Superscript tag is a container tag. It defines superscript text. It appears half a character
above the normal line & is somtimes rendered in a smaller font.
It is denoted as < sup > for opening tag & < /sup > for closing tag. It can be used for
footnotes.
EXAMPLE= (a+b)<sup>2</sup>= a<sup>2</sup>+b<sup>2</sup>+2ab
SYNTAX = (a+b)< sup >2< /sup >= a< sup >2< /sup >+b< sup >2< /sup >+2ab
<hr>
<h2><b><i><u>HEADING TAGS</u></i></b></h2>
Heading tags are container tag. It is used to create the headings of the page. It is denoted
as < hn > for opening tag & < /hn > for closing tag
where n is the no. between 1 & 6.
Attributes of heading tag
<b>Attributes Values Description</b>

06290301715 21
1. align left Specifies the alignment
center of a heading
right
justify
It is of 6 types:
1. <b><i>< h1 ></i></b>
It defines the most important heading. The size of the text is very big.
EXAMPLE= <h1 align="center">This is heading 1</h1>
SYNTAX = < h1 align="center" >This is heading 1< /h1 >
2. <b><i>< h2 ></i></b>
It defines the important heading after h1. The size of the text is shorter than h1.
3. <b><i>< h3 ></i></b>
4. <b><i>< h4 ></i></b>
5. <b><i>< h5 ></i></b>

06290301715 22
6. <b><i>< h6 ></i></b>
It defines the least important heading. The size of the text is very small.
<hr>
<h3 align="right"><a href="C:Roshan BBA M2A4Home.html" align="right">Back to
Home</a></h3>
</pre>
</body>
</html>
SCREENSHOT:

06290301715 23
CODING:
<html>
<h1 align="center"><font face="algerian" color="01DF01">FONT STYLES &
IMAGES</font></h1>
<pre>
<h2><b><i><u>FONT TAG</u></i></b></h2>
Font tag is a container tag. It specifies the font face, font size & font color of text. It is
denoted as < font > for opening tag & < /font > for closing tag.
Attributes of font tag
1. color rgb(X,X,X) Specifies the color
#XXXXXX of text
colorname
2. face font_family Specifies the font
of text
3. size number Specifies the size

06290301715 24
of the text
EXAMPLE= <font color="red" face="algerian" size="5">This is some text</font>
SYNTAX = < font color="red" face="algerian" size="5" >This is some text< /font >
<hr>
<h2><b><i><u>BASEFONT TAG</u></i></b></h2>
Basefont tag is a Empty tag. It specifies the common font style, size & color of the text
written on the webpage. This tag has to used between head
opening and closing tags. It is denoted as < basefont >.
Attributes of basefont tag
1. color color Specifies the default color
for text in a document
2. face font_family Specifies the default font
for text in a document
3. size number Specifies the default size
of text in a document
EXAMPLE= <head><basefont color=""red" face="algerian" size="10">This is some
text</head>
SYNTAX = < head >< basefont color=""red" face="algerian" size="10" >This is some
text< /head >
<hr>
<h2><b><i><u>IMAGE TAG</u></i></b></h2>
Image tag is a Empty tag. It is used to place an image on the webpage.
Attributes of image tag
1. align top Specifies the alignment
bottom of an image according to
middle surrounding elements

06290301715 25
left
right
2. alt text Specifies an alternate
text for an image
3. border pixels Specifies the width of the
border around an image
4. height pixels Specifies the height of an
image
5. hspace pixels Specifies the whitespace on
left & right side of an image
6. ismap ismap Specifies an image as a
server-side image-map
7. longdesc URL Specifies a URL to a detailed
description of an image
8. src URL Specifies the URL of an image
9. usemap #mapname Specifies the URL of the image
as a client-side image-map
10. vspace pixels Specifies the whitespace on
top & bottom of an image
11. width pixels Specifies the width of an image

06290301715 26
EXAMPLE= <img src="C:Roshan BBA M2A4img.jpg" align="center" alt="img tag"
border="10" height="150" width="150">
SYNTAX = < img src="C:Roshan BBA M2A4img.jpg" align="center" alt="img tag"
border="10" height="150" width="150" >
<hr>
Home</a></h3>
</pre>
</body>
</html>
SCREENSHOT:
CODING:
<html>
<h1 align="center"><font face="algerian" color="01DF01">ANCHOR</font></h1>
<pre>
Anchor tag is a container tag. It is used to create a link to a resourse(another webpage, a file
etc). It is denoted as < a > for opening tag & < /a > for closing tag.

06290301715 27
It can be used in two ways:
1. <b><i><u>Internal</u></i></b>
It is used to create a bookmark inside a document by using the "name" attribute.
2. <b><i><u>External</u></i></b>
It is used to create a link to another document by using in "href" attribute.
By default links will appear as follows in all browser:
1. An unvisited link is underlined & blue
2. An visited link is underlined & purple
3. An active link is underlined & red
Attributes of anchor tag
1. href URL Specifies the URL of the
page the link goes to
2. hreflang language_code Specifies the language of
the linked document
3. shape default Specifies the shape of a
rect link
circle
poly
4. target _blank Specifies where to open the
_parent linked document
_self
_top
framename

06290301715 28
5. type media_type Specifies the media type of
the linked document
INTERNAL LINK EXAMPLE= <a name="INTERNAL LINK EXAMPLE">EXAMPLE</a>
<a href="#INTERNAL LINK EXAMPLE">EXAMPLE</a>
SYNTAX = < a name="INTERNAL LINK EXAMPLE" >EXAMPLE< /a >
< a href="#INTERNAL LINK EXAMPLE" >EXAMPLE< /a >
EXTERNAL LINK EXAMPLE= <a href="www.w3schools.com">w3schools</a>
SYNTAX = < a href="www.w3schools.com" >w3schools< /a >
Home</a></h3>
</pre>
</body>
</html>
SCREENSHOT:

06290301715 29
CODING:
<html>
<h1 align="center"><font face="algerian" color="01DF01">MARQUEE</font></h1>
<pre>
Marquee is a container tag. It creates a scrolling effect & can be tailored to include any HTML
content. HTML provides & special feature which enables us to display
scrolling & animated text in the webpage. It is denoted as < marquee > for opening tag & <
/marquee > for closing tag.
Attributes for marquee tag
1. behavior scroll Defines the type of
slide scrolling
alternate
2. bgcolor #XXXXXX Specifies the background
colorname color
rgb(X,X,X)
3. direction up Defines the direction of
down scrolling the content
left
right
4. height pixels or % Defines the height of the
marquee
5. hspace pixels Defines the horizontal space
around the marquee
6. loop number Specifies how many times to

06290301715 30
loop
7. scrolldelay seconds Defines how long to delay
between each jump
8. scrollamount number Defines how far to jump
9. width pixels or % Defines the width of marquee
10. vspace pixels Specifies the vertical space
around the marquee
MOVING TEXT EXAMPLE = <marquee bgcolor="red" width="300" behavior="scroll"
hspace="20" direction="right" height="20">MOVING TEXT EXAMPLE</marquee>
SYNTAX = < marquee bgcolor="red" width="300" behavior="scroll" hspace="20"
direction="right" height="20" >MOVING TEXT EXAMPLE< /marquee >
MOVING IMAGE EXAMPLE = <marquee width="300" behavior="scroll" hspace="20"
direction="right" height="50"><img src="C:Roshan BBA M2A4img.jpg" height="50"
width="50"></marquee>
SYNTAX = < marquee width="300" behavior="scroll" hspace="20" direction="right"
height="50" >< img src="C:Roshan BBA M2A4img.jpg" height="50" width="50" ><
/marquee >
MOVING HYPERLINK EXAMPLE= <marquee bgcolor="red" width="300"
behavior="scroll" hspace="20" direction="right" height="20"><a
href="www.w3schools.com">w3schools</a></marquee>
SYNTAX = < marquee bgcolor="red" width="300" behavior="scroll" hspace="20"
direction="right" height="20" >< a href="www.w3schools.com" >w3schools< /a >< /marquee
>
Home</a></h3>
</pre>

06290301715 31
</body>
</html>
SCREENSHOT:

06290301715 32
CODING:
<html>
<h1 align="center"><font face="algerian" color="#01DF01">OTHER TAGS</font></h1>
<pre>
<h2><b><i><u>LINE BREAK TAG</u></i></b></h2>
Line break tag is a empty tag. It tells your browser to go to the beginning of the next line.
It is denoted as < br >.
Attributes of line break tag
1. clear left Specifies where the new
right line starts
center
EXAMPLE= This contains a<br> line break
SYNTAX = This contains a< br > line break
<hr>
<h2><b><i><u>HORIZONTAL LINE TAG</u></i></b></h2>
Horizontal line tag is a empty tag. It tells your browser to make a horizontal line in the
document. It is denoted as < hr >.

06290301715 33
Attributes of horizontal line tag
right of the element
center
2. noshade noshade Specifies that the element
should render in one solid
color, instead of a shaded
color
3. size pixels Specifies the height of a
element
4. width pixels Specifies the width of a
element
EXAMPLE= This is a example of
<hr> horizontal line tag
SYNTAX = This is a example of
< hr > horizontal line tag
<hr>
<h2><b><i><u>PREFORMATTED TAG</u></i></b></h2>
Preformatted tag is a container tag. By using this web browser shows exactly same as it is
typed.
It is denoted as < pre > for opening tag & < /pre > for closing tag.
Attributes of preformatted tag
1. width number Specifies the maximum
number of characters
per line

06290301715 34
EXAMPLE= <pre> This text is
preformatted</pre>
SYNTAX = < pre > This text is
preformatted< /pre >
<hr>
<h2><b><i><u>PARAGRAPH TAG</u></i></b></h2>
Paragraph tag is a container tag. It tells your browser to insert a empty line & then begin a
new line.
It is denoted as < p > for opening tag & < /p > for closing tag.
Attributes of paragraph tag
right of the text within a
center paragraph
justify
EXAMPLE= <p>This is a paragraph</p>
SYNTAX = < p >This is a paragraph< /p >
<hr>
<h2><b><i><u>BLOCKQUOTE TAG</u></i></b></h2>
It is a container tag. It specifies a section that is quoted from another source.
It is denoted as < blockquote > for opening tag & < /blockquote > for closing tag.
Attributes of blockquote tag
1. cite URL Specifies the source of the quotation
EXAMPLE= <blockquote> Roses are red</blockquote>
SYNTAX = < blockquote > Roses are red< /blockquote >
<hr>

06290301715 35
<h3 align="right"><a href="C:Roshan BBA M2A4Home.html">Back to Home</a></h3>
</pre>
</body>
</html>

06290301715 36
ASSIGNMENT NUMBER 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
SCREENSHOT:
CODING:
<html>
<body bgcolor="blue">
<table bgcolor="red" align="center" frame="box" rules="all" cellpadding="5">
<tr>
<td><pre>In Mathematics, a quadratic equation is a polynomial
equation of the second degree. The general form is

06290301715 37
ax<sup>2</sup>+bx+c=0
Where !=0 (For if a=0, the equation becomes a linear
equation)
</pre></td>
</tr>
<tr>
<td><pre> <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></pre></td></tr>
</body>
</html>

06290301715 38
ASSIGNMENT NUMBER 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
SCREENSHOT:

06290301715 39
CODING:
<html>
<body background="D.jpg">
<h1 align="center"><font color="blue">Departments of College</font></h1>
<ol>
<font face="algerian" color="red"><li>Department of Computer Science
<ul type="disc">
<li>B.Sc. Computer Science</li>
<li>M.Sc. Computer Science</li>
<li>PGDCA</li>
</ul></li></font><hr>
<font face="aharoni" color="green"><li>Department of Mathematics
<ul type="square">
<li>B.Sc. Mathematics</li>
<li>M.Sc. Mathematics</li>
<li>M.Phil. Mathematics</li>
</ul></li></font><hr>
<font face="ar cena" color="purple"><li>Department of Zoology
<ul>
<li>B.Sc. Zoology</li>
<li>M.Sc. Zoology</li>
<li>M.Phil.Zoology</li>
<li>Ph.D.Zoology </li>
</ul></li></font></ol>
<h3><marquee bgcolor="yellow" hspace="70" width="500">“Admissions open for Ph.D.in
Zoology”</marquee></h3><hr>
</body>
</html>

06290301715 40
ASSIGNMENT NUMBER 7
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
 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

06290301715 41
SCREENSHOT:
CODING:
<html>
<body>
<img src="C:Roshan BBA M2A7C.jpg" align="right">
<h1 align="center"><b><i><u>Computer System</u></i></b></h1>
<ol>
<font face="geogia" color="red"><li><marquee width="500"><b><i><u>Input
Devices</u></i></b></marquee>
<ol type="i">
<li>Keyboard</li>
<li>Mouse</li>
<li>Joystick</li>
<li>Scanner
<ol type="a">
<li>Flat Bed Scanner</li>
<li>Hand Held Scanner</li>
</ol></li>
</ol></li></font><hr>

06290301715 42
<font face="ar blanca" color="purple"><li><marquee width="500"><b><i><u>Output
Devices</u></i></b></marquee>
<ol type="i">
<li>Moniter
<ol type="a">
<li>LCD</li>
<li>CRT</li>
</ol></li>
<li>Printer
<ol type="a">
<li>Impact Printer</li>
<li>Non Impact Printer</li>
</ol></li></font>
</ol>
</body>
</html>

06290301715 43
ASSIGNMENT NUMBER 8
QUESTION. Create a HTML webpage which display the following list.
FRUITS & VEGETABLES
A. Vegetables
 Onion
 Tomato
 Radish
 Potato
 Carrot
B. Fruit
 Apple
 Bannana
 Water-Melon
 Mango
 Grapes
Newspaper & Magazine
o Newspaper
5. The Times of India
6. Hindustan Times
7. Navbharat Times
8. Punjab Kesari
9. DainikJagran
o Magazine
i. Business Times
ii. The Week
iii. India Today
iv. Harvard Business Review
v. Computer World
 Put horizontal line after newspaper and magazine
 Apply heading tag for newspaper and magazine
 Apply a background color
 Insert marquee tag displaying “Newspapers and Magazines”

06290301715 44
SCREENSHOT:
CODING:
<html>
<body bgcolor="green">
<h1 align="center"><font color="red">FRUITS & VEGETABLES</h1>
<ol type="A">
<li>Vegetables
<ul type="disc">
<li>Onion</li>
<li>Tomato</li>
<li>Radish</li>
<li>Potato</li>
<li>Carrot</li>
</ul></li>
<li>Fruit
<ul type="disc">
<li>Apple</li>
<li>Bannana</li>
<li>Water-Melon</li>

06290301715 45
<li>Mango</li>
<li>Grapes</li>
</ul></li>
</ol></font>
<h1 align="center"><font color="blue"><marquee width="450">Newspaper &
Magazine</marquee></h1>
<ul type="circle">
<li>Newspaper
<ol start="5">
<li>The Times of India</li>
<li>Hindustan Times</li>
<li>Navbharat Times</li>
<li>Punjab Kesari</li>
<li>Dainik Jagran</li>
</ol></li>
<li>Magazine
<ol type="i">
<li>Business Times</li>
<li>The Week</li>
<li>India Today</li>
<li>Harvard Business Review</li>
<li>Computer World</li>
</ol></li>
</ul></font><hr>
</body>
</html>

06290301715 46
ASSIGNMENT NUMBER 9
QUESTION. Design tables as follows:
Roll no Name Course Marks
1 Ajay Kumar BBA 78
2 Kavita Sharma BCA 62
3 Rohit Garg BBA CAM 87
4 Pooja Kapoor BBA 67
5 Mohit Gupta BBA CAM 72
SCREENSHOT:
CODING:
<html>
<body>
<table align="center" rules="all" border="1" cellpadding="10" width="50%"
background="R.jpg">
<tr>
<td align="center"><font color="brown" face="algerian">Roll No.</font></td>
<td align="center"><font color="brown" face="algerian">Name</font></td>
<td align="center"><font color="brown" face="algerian">Course</font></td>
<td align="center"><font color="brown" face="algerian">Marks</font></td>
</tr>
<tr>

06290301715 47
<td align="center"><font color="red">1</font></td>
<td align="center"><font color="red">Ajay Kumar</font></td>
<td align="center"><font color="red">BBA</font></td>
</tr>
<tr>
<td align="center"><font color="green">2</font></td>
<td align="center"><font color="green">Kavita Sharma</font></td>
<td align="center"><font color="green">BCA</font></td>
<td align="center"><font color="green">62</font></td>
</tr>
<tr>
<td align="center"><font color="purple">3</font></td>
<td align="center"><font color="purple">Rohit Garg</font></td>
<td align="center"><font color="purple">BBA Cam</font></td>
</tr>
<tr>
<td align="center"><font color="red">Pooja Kapoor</font></td>
<td align="center"><font color="red">BBA</font></td>
</tr>
<tr>
<td align="center"><font color="purple">Mohit Gupta</font></td>
<td align="center"><font color="purple">BBA Cam</font></td>
</tr>
</table>

06290301715 48
</body>
</html>

06290301715 49
ASSIGNMENT NUMBER 10
University
College
Student
SCREENSHOT:
CODING:
<html>
<body>
<table align="center" rules="all" border="1" width="50%">
<tr>
<td align="center" rowspan="2"><font face="algerian">University</font></td>
<td align="center"><font face="algerian">College</font></td>
</tr>
<tr>
<td align="center"><font face="algerian">Student</font></td></tr>
</table>
</body>
</html>

06290301715 50
SCREENSHOT:
CODING:
<html>
<body>
<tr>
<td align="center" colspan="2"><font face="algerian">University</font></td>
</tr>
<tr>
<td align="center"><font face="algerian">College</font></td>
<td align="center"><font face="algerian">Student</font></td>
</tr>
</table>
</body></html>
University
College Student

06290301715 51
Production
Shoes 500
Bags 800
Shirts 300
Sales
Shoes 400
Bags 200
Shirts 500
SCREENSHOT:
CODING:
<html>
<body>
<tr>
<td align="center" colspan="2" bgcolor="red"><font color="white"
face="algerian">Production</font></td>
</tr>
<tr>
<td align="center"><font color="red" face="algerian">Shoes</font></td>

06290301715 52
<td align="center"><font color="red" face="algerian">500</font></td>
</tr>
<tr>
<td align="center"><font color="red" face="algerian">Bags</font></td>
</tr>
<tr>
<td align="center"><font color="red" face="algerian">Shirts</font></td>
</tr>
<tr>
<td align="center" colspan="2" bgcolor="blue"><font color="white"
face="algerian">Sales</font></td>
</tr>
<tr>
<td align="center"><font color="blue" face="algerian">Shoes</font></td>
<td align="center"><font color="blue" face="algerian">400</font></td>
</tr>
<tr>
<td align="center"><font color="blue" face="algerian">Bags</font></td>
</tr>
<tr>
<td align="center"><font color="blue" face="algerian">Shirts</font></td>
</tr>
</table>
</body>
</html>

06290301715 53
ASSIGNMENT NUBMER 13
SCREENSHOT:
CODING:
<html>
<body>
<table align="center" width="50%" rules="all" border="1">
<tr>
<td rowspan="2" align="center">Roll No.</td>
<td rowspan="2" align="center">Name</td>
<td rowspan="2" align="center">Course</td>
<td colspan="3" align="center">Marks</td>
</tr>
<tr>
<td align="center">Internal</td>
<td align="center">External</td>
Roll
No
Name Course
Marks
Internal External Total
123 abc BBA 20 60 80
789 xyz BCA 15 65 80

06290301715 54
<td align="center">Total</td>
</tr>
<tr>
<td align="center">123</td>
<td align="center">abc</td>
<td align="center">BBA</td>
</tr>
<tr>
<td align="center">xyz</td>
<td align="center">BCA</td>
</tr>
</body>
</html>

06290301715 55
Insert An Image Here
Semester
Subject
BBA
1st
Sem
POM
BM
CF
BE
2nd
Sem
BO
DBMS
QT & OR
BE-II
PDCS-II

06290301715 56
SCREENSHOT:
CODING:
<html>
<body>
<table align="center" rules="all" border="1">
<tr>
<td colspan="3"><img src="S.jpg"></td>
</tr>
<tr>
<th height="50" colspan="2" align="center">Semester</th>
<th height="50" align="center">Subject</th>
<tr>
<th height="200" rowspan="9" align="center">BBA</th>
<th height="200" rowspan="4" align="center">1<sup>st</sup>Sem</th>
<td align="center">POM</td>
</tr>
<tr>
<td align="center">BM</td>
</tr>

06290301715 57
<tr>
<td align="center">CF</td>
</tr>
<tr>
<td align="center">BE</td>
</tr>
<tr>
<th height="200" rowspan="5" align="center">2<sup>nd</sup>Sem</th>
<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>
</table>
</body>
</html>

06290301715 58
Question. Design following table:
SCREENSHOT:
CODING:
<html>
<body>
<table align="center" width="50%" rules="all" border="1">
<tr>
<th align="center" colspan="6">IP University Courses</th>
</tr>
<tr>
<th align="center" colspan="3">Graduate</th>
<th align="center" colspan="3">Post Graduate</th>
</tr>
<tr>
IP University Courses
Graduate Post Graduate
BB
A
BCA B. Tech MBA MCA M. Tech
240 120 100 200 100 80

06290301715 59
<td align="center">BBA</td>
<td align="center">BCA</td>
<td align="center">B.Tech</td>
<td align="center">MBA</td>
<td align="center">MCA</td>
<td align="center">M.Tech</td>
</tr>
<tr>
</tr>
</table>
</body>
</html>

06290301715 60
QUESTION. Design the frames as follows and display any web page in frames:
SCREENSHOT:
CODING:
<html>
<frameset rows="50%,50%">
<frame>
<frame>
</frameset>
</html>

06290301715 61
SCREENSHOT:
CODING:
<html>
<frameset cols="33%,33%,33%">
<frame marginheight="300" marginwidth="220" src=2F1.html>
</frameset>
</html>

06290301715 62
SCREENSHOT:
CODING:
<html>
<frame marginheight="60" marginwidth="400" src="3Courses.html">
<frameset cols="33%,33%,*">
<frame marginheight="250" marginwidth="200" src="3BBA.html" scrolling="no">
<frame marginheight="250" marginwidth="200" src="3BCA.html" scrolling="no">
<frame marginheight="250" marginwidth="200" src="3BCAM.html" scrolling="no">
</frameset>
</frameset>
</html>

06290301715 63
SCREENSHOT:
CODING:
<html>
<frameset cols="50%,50%">
<frame>
<frameset rows="10%,90%,">
<frame>
<frame>
</frameset>
</frameset>
</html>

06290301715 64
SCREENSHOT:
CODING:
<html>
<frameset cols="20%,20%,20%,20%,20%">
<frame scrolling="no" marginheight="250" marginwidth="125" src="5A.html">
<frame scrolling="no" marginheight="250" marginwidth="125" src="5E.html">
<frame scrolling="no" marginheight="250" marginwidth="125" src="5I.html">
<frame scrolling="no" marginheight="250" marginwidth="125" src="5O.html">
<frame scrolling="no" marginheight="250" marginwidth="125" src="5U.html">
</frameset>
<frame scrolling="no" marginheight="60" marginwidth="400" src="5Vowels.html">
</frameset>
</html>

06290301715 65
SCREENSHOT:
CODING:
<html>
<frameset rows="33%,33%,33%">
<frame>
<frame>
<frame>
</frameset>
<frame>
</frameset>
</html>

06290301715 66
QUESTION. Design following frame:
SCREENSHOT:
CODING:
<html>
<body>
<h1 align="center">DESCRIPTION</h1>
<pre>
Product Name - Redmi Note 4
Model Number - MZB5280IN/MZB5253IN
Brand - Redmi
Price - Rs 12,999
Color - Dark Grey
Offer - Extra 5% off* on Axis Bank Buzz Credit Cards on Flipkart
PRODUCTS
Mobile Phone Shoes Pen Drive Shirt
Image
Description (Product code, Name, Brand,
Price, Color, Discount, Offer/Scheme etc.)

06290301715 67
<h2 align="center">Features</h2>
<ul type="square">
<li>4 GB RAM | 64 GB ROM | Expandable Upto 128 GB</li>
<li>5.5 inch Full HD Display</li>
<li>13MP Primary Camera | 5MP Front</li>
<li>4100 mAh Li-Polymer Battery</li>
<li>Qualcomm Snapdragon 625 64-bit Processor</li>
</pre>
</body>
</html>
SCREENSHOT:
CODING:
<html>
<body>
<pre>
Product Name - Puma evoSPEED 5.5 IT Football Shoes
Model Name - evoSPEED 5.5 IT

06290301715 68
Brand - Puma
Price - Rs 4,999
Color - Orange
Size - 8 UK/India
Discount - 35% off on Flipkart
<ul type="square">
<li>Colour: Orange</li>
<li>Closure: Laced</li>
</pre>
</body>
</html>
SCREENSHOT:
CODING:
<html>
<body>

06290301715 69
<pre>
Product Name - Microware Starwars BB Robot 64 GB Pen Drive
Model Name - Starwars BB Robot
Brand - Microware
Price - Rs 2,999
Color - White, Orange
<ul type="square">
<li>Pendrive</li>
<li>USB 2.0/64 GB</li>
<li>Rubber</li>
<li>For Desktop Computer, Gaming Console, Audio Player, Laptop, Television</li>
</pre>
</body>
</html>

06290301715 70
SCREENSHOT:
CODING:
<html>
<body>
<pre>
Product Name - United Colors of Benetton Men's Floral Print Casual White, Dark Blue Shirt
Style Code - 16P5068L0010I901
Brand - United Colors of Benetton
Price - Rs 3,099
Color - White, Dark Blue
Size - Large
<ul type="square">
<li>Regular Fit</li>
<li>Full Sleeve</li>

06290301715 71
<li>Spread Collar</li>
<li>Floral Print</li>
</pre>
</body>
</html>
SCREENSHOT:
CODING:
<html>
<body>
<a href="mobile d.html" target="desc"><img height="370" width="350"
src="mobile.jpg"></a>
</body>
</html>

06290301715 72
SCREENSHOT:
CODING:
<html>
<body>
<a href="shoes d.html" target="desc"><img height="300" width="380" src="shoes.jpg"></a>
</body>
</html>

06290301715 73
SCREENSHOT:
CODING:
<html>
<body>
<a href="pendrive d.html" target="desc"><img height="370" width="350"
src="pendrive.jpg"></a>
</body>
</html>

06290301715 74
SCREENSHOT:
CODING:
<html>
<body>
<a href="shirt d.html" target="desc"><img height="370" width="350" src="shirt.jpg"></a>
</body>
</html>

06290301715 75
SCREENSHOT:
CODING:
<html>
<body>
<pre>
<h1 align="center">PRODUCTS</h1>
<h3><a href="mobile.html" target="image">Mobile Phone</a> <a
href="shoes.html" target="image">Shoes</a> <a href="pendrive.html"
target="image">Pen Drive</a> <a href="shirt.html"
target="image">Shirt</a></h3>
</pre>
</body>
</html>

06290301715 76
SCREENSHOT:
CODING:
<html>
<frame scrolling="no" noresize src="product.html">
<frame scrolling="no" noresize name="image">
<frame noresize name="desc">
</frameset>
</frameset>
</html>

06290301715 77
QUESTION. Design following frame:
SCREENSHOT:
CODING:
<html>
<body bgcolor="Coral">
<pre>
<font face="algerian"><h1 align="center">Examples</h1></font>
<dl>
<dt><u>Unordered List</u></dt>
<dd><b><u>SYNTAX</u></b>- < ul >
< li >Coffee< /li >
< li >Cold Drink< /li >
< /ul >
MAIN MENU
Lists
Tables
Frames
Explanation
- - - - - - - - - - -
- - - - - - - - - - -
View Example
Example

06290301715 78
</dd>
</dl>
<dl>
<dt><u>Ordered List</u></dt>
<dd><b><u>SYNTAX</u></b>- < ol >
< li >Coffee< /li >
< li >Cold Drink< /li
< /ol >
</dd>
</dl>
<dl>
<dt><u>Nested List</u></dt>
<dd><b><u>SYNTAX</u></b>- < ol >
< li >Coffee
< ul >
< li >Hot Coffee< /li >
< li >Cold Coffee< /li >
< /ul >< /li >
< li >Cold Drink< /li >
< /ul >
</dd>
</dl>
<dl>
<dt><u>Definition List</u></dt>
<dd><b><u>SYNTAX</u></b>- < dl >
< dt >Coffee< /dt >
< dd >Black cold and hot drink< /dd >
< /dl >
</dd>
</dl>

06290301715 79
<dl>
<dt><u>Directry List</u></dt>
<dd><b><u>SYNTAX</u></b>- < dir >
< li >Hello< /li >
< li >Goodmorning< /li >
< /dir >
</dd>
</dl>
<dl>
<dt><u>Menu List</u></dt>
<dd><b><u>SYNTAX</u></b>- < menu >
< li >Hello< /li >
< li >Goodmorning< /li >
< /menu >
</dd>
</dl>
</pre>
</body>
</html>

06290301715 80
SCREENSHOT:
CODING:
<html>
<body bgcolor="Violet">
<pre>
<b><u>SYNTAX</u></b>-< table align="center" width="50%" rules="all" border="1" >
< tr >
< td >Roll No.< /td >
< td >Name< /td >
< td >Course< /td >
< td >Marks< /td >
< /tr >
< tr >
< td >Internal< /td >
< td >External< /td >
< td >Total< /td >
< /tr >

06290301715 81
< /table >
</pre>
</body>
</html>
SCREENSHOT:
CODING:
<html>
<body bgcolor="Chartreuse">
<pre>
<b><u>SYNTAX</u></b>-< html >
< frameset rows="...." >
< frame src="...." >
< frameset cols="...." >
< /frameset >

06290301715 82
< /frameset >
< /html >
</pre>
</body>
</html>
SCREENSHOT:
CODING:
<html>
<body bgcolor="Coral">
<pre>
<font face="algerian"><h1 align="center">Explanation on list</h1></font>
Lists are used to group related pieces of information together so they are clearly associated
with
each other and easy to read. Their are 6 types of lists:-
<dl>
<dt><u>Unordered List</u></dt>
<dd>It displays the list items with the help of bullets.</dd>
</dl>

06290301715 83
<dl>
<dt><u>Ordered List</u></dt>
<dd>It displays the list items with the help of numbering or ranked in some sequence.</dd>
</dl>
<dl>
<dt><u>Nested List</u></dt>
<dd>It is combination of both ordered and unordered list.</dd>
</dl>
<dl>
<dt><u>Definition List</u></dt>
<dd>It is used to make glossaries which consists of terms and definition.</dd>
</dl>
<dl>
<dt><u>Directry List</u></dt>
<dd>It is similar to unordered element.</dd>
</dl>
<dl>
<dt><u>Menu List</u></dt>
<dd>It is similar to unordered element.</dd>
</dl>
<h2 align="center"><a href="lists e.html" target="Example">VIEW EXAMPLE</a></h2>
</pre></body></html>

06290301715 84
SCREENSHOT:
CODING:
<html>
<body bgcolor="Violet">
<pre>
<font face="algerian"><h1 align="center">Explanation on Tables</h1></font>
It can be defined as collection of rows and columns. All the charactersticks applicable to the
entire table are included within the table tag. It is denoted as < table >,< /table >. There are
various other tags within the table tag namely < th > stands for table head, < tr > stands for
table row, < td > stands for table cells.
<h2 align="center"><a href="tables e.html" target="Example">VIEW EXAMPLE</a></h2>
</pre>
</body></html>

06290301715 85
SCREENSHOT:
CODING:
<html>
<body bgcolor="Chartreuse">
<pre>
<font face="algerian"><h1 align="center">Explanation on frames</h1></font>
They are used to divide your browser window into multiple sections where each section can
load a
seperate html document. A collection of frames in the browser windowis known as a
frameset.
The window is divided into rows and columns. To use frames on a page we use < frameset >
instead
of < body >. The frameset tag defines how to divide the window into frames.
<h2 align="center"><a href="frames e.html" target="Example">VIEW
EXAMPLE</a></h2>
</pre>
</body>
</html>

06290301715 86
SCREENSHOT:
CODING:
<html>
<body bgcolor="OrangeRed">
<pre>
<font face="algerian"><h1 align="center">MAIN MENU</h1></font>
<font face="algerian"><h2 align="center"><a href="lists d.html"
target="Explanation">List</a></h2></font>
<font face="algerian"><h2 align="center"><a href="tables d.html"
target="Explanation">Tables</a></h2></font>
<font face="algerian"><h2 align="center"><a href="frames d.html"
target="Explanation">Frames</a></h2></font>

06290301715 87
</pre>
</body>
</html>
SCREENSHOT:
CODING:
<html>
<frame scrolling="no" noresize src="Main Menu.html" scrolling="no">
<frame noresize name="Explanation">
<frame noresize name="Example">
</frameset>
</frameset>
</html>

06290301715 88
QUESTION. Write a HTML code to create a frame as given below:
SCREENSHOT:
CODING:
<html>
<body bgcolor="yellow">
<h1 align="center"><font color="red" face="algerian">BBA</font></h1>
The Bachelor of Business Administration (BBA or B.B.A.) is a bachelor's degree in
<br>commerce and business administration. The degree is conferred after four years of full-
time <br>study in one or more areas of business concentrations. The BBA program usually
includes <br>general business courses and advanced courses for specific concentrations.
</html>
BBA
Description
BCA
Description
MBA
Description
MCA
Description

06290301715 89
SCREENSHOT:
CODING:
<html>
<body bgcolor="greeeen">
<h1 align="center"><font color="purple" face="algerian">MBA</font></h1>
The Master of Business Administration (MBA or M.B.A.) is a master's degree in business
administration <br>(management). The MBA degree originated in the United States in the
early 20th century when the country <br>industrialized and companies sought scientific
approaches to management. The core courses in an MBA <br>program cover various areas of
business such as accounting, finance, marketing, human resources, and <br>operations in a
manner most relevant to management analysis and strategy. Most programs also include
<br>elective courses.
</html>

06290301715 90
SCREENSHOT:
CODING:
<html>
<body bgcolor="orchid">
<h1 align="center"><font color="orange" face="algerian">BCA</font></h1>
Bachelor of Computer Applications is a 3 years under-graduate degree course in the field of
<br>Computer Applications. Some students use online or distance education programs to earn
this <br>degree. It is a technical degree that prepares students for a career in the field of
Software <br>development.
</html>

06290301715 91
SCREENSHOT:
CODING:
<html>
<body bgcolor="crimson">
<h1 align="center"><font color="green" face="algerian">MCA</font></h1>
A Master of Science in Information Technology (abbreviated M.Sc. IT, MSc IT or MSIT) is a
type of <br>postgraduate academic master's degree usually offered in a University's College
of Business and in the recent <br>years in integrated Information Science & Technology
colleges. The MSIT degree is designed for those <br>managing information technology,
especially the information systems development process. The MSIT degree <br>is functionally
equivalent to a Master of Information Systems Management, which is one of several
specialized <br>master's degree programs recognized by the Association to Advance
Collegiate Schools of Business (AACSB).
</html>

06290301715 92
SCREENSHOT:
CODING:
<html>
<frame scrolling="no" noresize src="bba.html">
<frame scrolling="no" noresize src="bca.html">
</frameset>
<frame scrolling="no" noresize src="mba.html">
<frame scrolling="no" noresize src="mca.html">
</frameset>
</frameset>
</html>

06290301715 93
QUESTION. Make an image map as follows:
Link each part of the map to different web pages with a brief description about each.
SCREENSHOT:
CODING:
<html>
<body bgcolor="Aquamarine">
<pre>
<h1 align="center">Internet</h1><hr align="center" width="50%">
The Internet is the global system of interconnected computer networks that use the Internet
protocol suite (TCP/IP) to link devices worldwide. It is a network of
networks that consists of private, public, academic, business, and government networks of local
to global scope, linked by a broad array of electronic, wireless, and
optical networking technologies. The Internet carries an extensive range of information
resources and services, such as the inter-linked hypertext documents and
applications of the World Wide Web (WWW), electronic mail, telephony, and peer-to-peer
networks for file sharing.
SearchingTechniques
Internet, Intranet and
Extranet
Telnet
Image Map

06290301715 94
<hr>
<h1 align="center">Intranet</h1><hr align="center" width="50%">
An intranet is a private network accessible only to an organization's staff. Generally a wide
range of information and services from the organization's internal IT
systems are available that would not be available to the public from the Internet. A company-
wide intranet can constitute an important focal point of internal
communication and collaboration, and provide a single starting point to access internal and
external resources. In its simplest form an intranet is established with
the technologies for local area networks (LANs) and wide area networks (WANs).
<hr>
<h1 align="center">Extranet</h1><hr align="center" width="50%">
An extranet is a website that allows controlled access to partners, vendors and suppliers or an
authorized set of customers – normally to a subset of the
information accessible from an organization's intranet. An extranet is similar to a DMZ in that
it provides access to needed services for authorised parties,
without granting access to an organization's entire network. An extranet is a private network
organization.
<hr>
</pre>
</body>
</html>

06290301715 95
SCREENSHOT:
CODING:
<html>
<body bgcolor="IndianRed"">
<pre>
<h1 align="center">Image Map</h1><hr align="center" width="50%">
In HTML and XHTML, an image map is a list of coordinates relating to a specific image,
created in order to hyperlink areas of the image to different destinations
(as opposed to a normal image link, in which the entire area of the image links to a single
destination). For example, a map of the world may have each country
hyperlinked to further information about that country. The intention of an image map is to
provide an easy way of linking various parts of an image without dividing
the image into separate image files.
<hr>
</pre>
</body>
</html>

06290301715 96
SCREENSHOT:
CODING:
<html>
<body bgcolor="DarkGray">
<pre>
<h1 align="center">Telnet</h1><hr align="center" width="50%">
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).
<hr>
</pre>
</body>
</html>

06290301715 97
SCREENSHOT:
CODING:
<html>
<body bgcolor="DarkSalmon">
<pre>
<h1 align="center">Searching Techniques</h1><hr align="center" width="50%">
It is of five types:-
<ol>
<li>Natural Language Searching</li>
<ul>
<li>Boolean Searching</li>
<li>Phrase Searching</li>
<li>Plural Forms, Capital Letter & Alternate Settings Searching</li>
</ul>
<li>Relevancy Searching</li>
<li>Truncation Searching</li>
<li>Field Searching</li>
<li>Proximity Searching</li>
</ol>

06290301715 98
<hr>
</pre>
</body>
</html>
SCREENSHOT:
CODING:
<html>
<body>
<map name="frame">
<area shape="rect" coords="0,0,679,320" href="Internet.html">
<area shape="rect" coords="681,0,1363,320" href="Image Map.html">
<area shape="rect" coords="0,323,679,640" href="Telnet.html">
<area shape="rect" coords="681,323,1363,640" href="Searching Techniques.html">
<img src="pic.jpg" usemap="#frame">
</body>
</html>

06290301715 99
QUESTION. Make an image map as follows:
Link each page to their respective details. Eg. If user clicks on fruits the new webpage opened
should have a list of five fruit names.
All the web pages should be designed with proper background color, images, font styles and
headings.
SCREENSHOT:
CODING:
<html>
<body bgcolor="green">
<pre>
<h1 align="center"><font face="ar christy">ANIMALS</font></h1><hr align="center"
width="50%">
Animals
Birds
Vegetables
Fruits

06290301715 100
<h2 align="center"><font face="algerian">LION
<img src="lion.jpg">
TIGER
<img src="tiger.jpg">
BEAR
<img src="bear.jpg">
DOG
<img src="dog.jpg">
ELEPHANT
<img src="elephant.jpg"></face></h2>
<hr>
</pre>
</body>
</html>

06290301715 101
SCREENSHOT:
CODING:
<html>
<body bgcolor="blue">
<pre>
<h1 align="center"><font face="ar christy">VEGETABLES</font></h1><hr align="center"
width="50%">
<h2 align="center"><font face="algerian">CABBAGE
<img src="cabbage.jpg">
CAPSICUM
<img src="capsicum.jpg">
CLUSTER BEANS
<img src="cluster beans.jpg">
CUCUMBER

06290301715 102
<img src="cucumber.jpg">
EGGPLANT
<img src="eggplant.jpg"></face></h2>
<hr>
</pre>
</body>
</html>
SCREENSHOT:
CODING:
<html>
<pre>
<h1 align="center"><font face="ar christy">FRUITS</font></h1><hr align="center"
width="50%">
<h2 align="center"><font face="algerian">MANGO

06290301715 103
<img src="mango.jpg">
APRICOT
<img src="apricot.jpg">
APPLE
<img src="apple.jpg">
BANNANA
<img src="bannana.jpg">
BLACKBERRY
<img src="blackberry.jpg"></face></h2>
<hr>
</pre>
</body>
</html>
SCREENSHOT:

06290301715 104
CODING:
<html>
<body bgcolor="yellow">
<pre>
<h1 align="center"><font face="ar christy">BIRDS</font></h1><hr align="center"
width="50%">
<h2 align="center"><font face="algerian">PEACOCK
<img src="peacock.jpg">
COCK
<img src="cock.jpg">
CRANE
<img src="crane.jpg">
OWL
<img src="owl.jpg">
KINGFISHER
<img src="kingfisher.jpg"></face></h2>
<hr>
</pre>
</body>
</html>

06290301715 105
SCREENSHOT:
CODING:
<html>
<body>
<map name="picture">
<area shape="circle" coords="160,140,107" href="Animals.html">
<area shape="rect" coords="310,229,554,408" href="Vegetables.html">
<area shape="poly" coords="536,132,731,35,928,132,731,230" href="Fruits.html">
<area shape="poly" coords="920,213,787,413,1054,413" href="Birds.html">
<img src="picture.png" usemap="#picture">
</body>
</html>

06290301715 106
QUESTION. Design following HTML form:
SCREENSHOT:
CODING:
<html>
<pre><h1 align="center">New User</h1>
<form>
<fieldset>
<h2>
Name : <input type="text" placeholder="Full Name">

06290301715 107
E-mail ID : <input type="email"
placeholder="name@example.com">
Designation : <select>
<option>Chairman</option>
<option>Recruiter</option>
<option>CEO</option>
</select>
Specialization : <input type="radio">IT <input
type="radio">Mgt.
<input type="submit" value="SUBMIT"> <input type="reset"
value="RESET">
</h2>
</fieldset>
</form>
</pre>
</html>

BBA IV Semester CA All Assignments

More Related Content

Similar to BBA IV Semester CA All Assignments (20)

Recently uploaded (20)

BBA IV Semester CA All Assignments