HTML Documentation

2,475 views 103 slides Mar 28, 2017
Slide 1
Slide 1 of 103
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22
Slide 23
23
Slide 24
24
Slide 25
25
Slide 26
26
Slide 27
27
Slide 28
28
Slide 29
29
Slide 30
30
Slide 31
31
Slide 32
32
Slide 33
33
Slide 34
34
Slide 35
35
Slide 36
36
Slide 37
37
Slide 38
38
Slide 39
39
Slide 40
40
Slide 41
41
Slide 42
42
Slide 43
43
Slide 44
44
Slide 45
45
Slide 46
46
Slide 47
47
Slide 48
48
Slide 49
49
Slide 50
50
Slide 51
51
Slide 52
52
Slide 53
53
Slide 54
54
Slide 55
55
Slide 56
56
Slide 57
57
Slide 58
58
Slide 59
59
Slide 60
60
Slide 61
61
Slide 62
62
Slide 63
63
Slide 64
64
Slide 65
65
Slide 66
66
Slide 67
67
Slide 68
68
Slide 69
69
Slide 70
70
Slide 71
71
Slide 72
72
Slide 73
73
Slide 74
74
Slide 75
75
Slide 76
76
Slide 77
77
Slide 78
78
Slide 79
79
Slide 80
80
Slide 81
81
Slide 82
82
Slide 83
83
Slide 84
84
Slide 85
85
Slide 86
86
Slide 87
87
Slide 88
88
Slide 89
89
Slide 90
90
Slide 91
91
Slide 92
92
Slide 93
93
Slide 94
94
Slide 95
95
Slide 96
96
Slide 97
97
Slide 98
98
Slide 99
99
Slide 100
100
Slide 101
101
Slide 102
102
Slide 103
103

About This Presentation

It is a document which consists information about various Html tags that can be used to make different web pages and websites for projects.


Slide Content

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 1

ASSIGNMENT 1
Q1. Create a HTML file for displaying a website 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. Text Color
7. Heading
8. HR
9. Background Color
10. Line Break
11. Pre

SCRIPT
<html>
<head>
<title> Q1 Twinkle </title>
</head>
<body bgcolor="cyan">
<b> It makes the text bold </b><br>
<i> It make the text italics </i><br>
<u> It is used to underline the text </u><br>
<hr>
<p align="justify"> P tag is used to start a new paragraph. We can align the paragraph to left,
right, center and justify</p><br>
<font color="light green"> It changes the text color </font> <br>
<h1> Heading 1 </h1>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 2

<h2> Heading 2 </h2>
<h3> Heading 3 </h3>
<h4> Heading 4 </h4>
<h5> Heading 5 </h5>
<h6> Heading 6 </h6>
<Pre>
This is a preformatted text
This is a preformatted text
This is a preformatted text
</Pre>
</body>
</html>

OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 3

ASSIGNMENT 2
Q2.Design a Web Page of your C.V with headings as objectives, educational qualification
,achievements ,strengths, hobbies and personal details. Apply following specifications:
 Inset a horizontal line after every above mentioned heading. (Eg. Insert
horizontal line once objectives are completed)
 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.
 Show main heading in H1 style.
SCRIPT
<html>
<head>
<title> Q.2 Twinkle </title>
<basefont color = "blue" size= "10">
</head>
<body bgcolor = "cyan">
Twinkle Batra
<h1> <b> <u> Curriculum Vitae </u> </b> </h1>
<h2> Objective </h2>
To work for an organization which provides me the opportunity to improve my skills and knowledge to growth
along with the organization objective.
<HR Width ="999">
<h2> Education Qualification </h2>
<PRE>
Course University %age
BBA IPU 74
XII CBSE 74
X CBSE 66

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 4

</PRE>
<HR Width ="999">
<h2> Achivements </h2>
FOUR suggestion certificates issued by TVS for my best suggestions.
“SAE INDIA MEMBER” and attended one day workshop conducted by SAEINDIA
Participated in International Conference on Emerging Trends in Energy and Environment.
<HR Width ="999">
<h2> Strengths </h2>
Honest.
Hard Working.
Optimist.
<HR Width ="999">
<h2> Hobbies </h2>
Playing Games
Listening Music
<HR Width ="999">
<h2> Personal Details </h2>
Date of Birth: 12 Dec 1996.
Languages known: Hindi and English.
<HR Width ="999">
</body>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 5


OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 6

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

SCRIPT (Page1)
<HTML>
<HEAD>
<TITLE>Twinkle Q3p1</TITLE>
</HEAD>
<BODY>
<IMG SRC="C:\Users\Mayank\Documents\iitm.jpg" ALIGN="right"></IMG>
<H1 ALIGN="CENTER">IITM</H1>
<H2>VISION: The Institute aims to be a Centre of Excellence promoting value based Quality
Education in the emerging areas of professional studies in Information Technology &
Management.</H2>
<P></P>
<H2>MISSION: The Institute endeavours to contribute towards meeting the growing demands
for competent and trained Information Technology professionals, Software Engineers and World
Class Managers determined to achieve excellence.</H2>
<P></P>
<MARQUEE behavior="alternate" direction="right">Admission Open</MARQUEE>
<A HREF="C: \Users\student.IINTM-L3-98\Desktop\twinkle bba4\Q3p2.html">Courses
Available</a>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 7

<A HREF="C:\Users\student.IINTM-L3-98\Desktop\twinkle bba4\Q3p3.html">Shifts</a>
<A HREF="C:\Users\student.IINTM-L3-98\Desktop\twinkle bba4\Q3p4.html">Location</a>
</BODY>
</HTML>
OUTPUT (Page1)


SCRIPT (Page2)
<HTML>
<HEAD>
<TITLE>Twinkle Q3p2</TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER">Course Available</H1>
<H2>BCA</H2>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 8

<P>University approved intake for BCA (both shifts) is 90 each. The existing reservation policy
stipulates 10% seats (9 in number) as “Management Quota Seats”. Out of the remaining 90% (81
seats), 85% (77 seats) are reserved for Delhi candidates and 15% (13 seats) for outside Delhi
candidates. Further reservation for specific categories is as per the guidelines of Government of
NCT of Delhi.</P>
<H2>BBA</H2>
<P>University approved intake for BBA (both shifts) is 120 each. The existing reservation
policy stipulates 10% seats (12 in number) as “Management Quota Seats”. Out of the remaining
90% (108 seats), 85% (92 seats) are reserved for Delhi candidates and 15% (16 seats) for outside
Delhi candidates. Further reservation for specific categories is as per the guidelines of
Government of NCT of Delhi.</P>
<H2>BCOM(H)</H2>
<P>University approved intake for BCom(H) is 60 . The existing reservation policy stipulates
10% seats (6 in number) as “Management Quota Seats”. Out of the remaining 90% (54 seats),
85% (51 seats) are reserved for Delhi candidates and 15% (9 seats) for outside Delhi candidates.
Further reservation for specific categories is as per the guidelines of Government of NCT of
Delhi.</P>
</BODY>
</HTML>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 9

OUTPUT (Page2)


SCRIPT (Page3)
<html>
<head>
<title>twinkle q3p3</title>
</head>
<body>
<h1 align="center">shifts</h1>
<h2>morning</h2>
<p>the morning shift stats at 8:30am</p>
<h2>evening</h2>
<p>the evening shift starts at 10:30am</p>
</body>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 10

</html>

OUTPUT (Page3)


SCRIPT (Page4)
<html>
<head>
<title>twinkle q3p4</title>
</head>
<body>
<h1 align="center">location</h1>
<h2>d-27/28 institutional area, janakpuri new delhi</h2>
</body>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 11


OUTPUT (Page4)

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 12

ASSIGNMENT 4
Q4. Design a Web Site with the name as HTML tutorial with following specifications:
Make following hyperlinks (i.e. 5 different web pages):
Formatting Styles and Headings: Include Bold, italics, Underline, Strike, Subscript,
superscript and all six type of headings
Font Styles and Images: Font and Base font tag, Image tag
Anchor: Internal (linking within page) and External (linking with other documents) links
Marquee: Move text, image and hyperlink
Other tags: br, hr, pre, p, blockquote

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


SCRIPT (Homepage)
<html>
<head>
<title>Twinkle Q4 Homepage</title>
</head>
<body>
<h1><marquee behavior="alternate">HTML TUTORIAL</marquee></h1>
<h2>INTRODUCTION</H2>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 13

<P>HTML stands for Hypertext Markup Language. It is used for creating webpages. Its whole
perpose is of two types-paired tag and singular tag.</p>
<a href=" ">Formatting styles and headings</p>
<hr>
<a href=" ">Font styles and images</a>
<hr>
<a href=" ">Anchor Tag<?a>
<hr>
<a href=" ">Marquee Tag</a>
<hr>
<a href=" ">Other Tag</a>
<hr>
</body>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 14

OUTPUT (Homepage)


SCRIPT (Page1)
<html>
<head>
<title>Twinkle Q4 Page2</title>
</head>
<body>
<pre>
<h1 align="center">Formatting Styles and Headings</h1>

<b>I am bold text</b><br>
<i>I am italic</i><br>
<u>This is an underlined text,/u><br>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 15


Discount on membership is now 60%<strike>40%</strike>
Formula of water is H<sub>2</sub>0
Trademark of Intel is shown as INTEL<sup>TM</sup>

<H1>This paGE IS PAGE 1 OF WEBSITE</H1>
<H2>This is page 2 of website</H2>
<H3>This is page 3 of website/H3>
<H4>This page is page 4 of website</H4>
<H5>This page is page 5 of website</H5>
<H6>This page is page 6 of website</H6>
<A HREF="C: \Users\student.IINTM-L3-98\Desktop\twinkle bba4\Q4
HOMEPAGE.HTML">Back to Homepage</a>
</pre>
</body>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 16

OUTPUT (Page1)


SCRIPT (Page2)
<HTML>
<HEAD>
<TITLE>Twinkle Q4 P2</TITLE>
<Basefont face="arial,verdana courier" size="4" color="green">
</HEAD>
<BODY>
<P>This is our image</P>
<img src="C:\Users\Mayank\Downloads\a.jpeg"></img>
<Font color="red" size="4">
<P>The word font (traditionally spelled fount in British English, but in any case pronounced
/font/) derives from Middle French fonte "[something that has been] melted; a casting". The term
refers to the process of casting metal type at a type foundry.</P></FONT>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 17

<A HREF="C: \Users\student.IINTM-L3-98\Desktop\twinkle bba4 \Q4
HOMEPAGE.HTML">Back to Homepage</a>
</BODY>
</HTML>
OUTPUT (Page2)


SCRIPT (Page3)
<html>
<head>
<title>Twinkle Q4 Page3</title>
</head>
<body>
<pre>
<H1 align="center">ANCHOR TAG</H1>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 18

<A HREF="#Ch14">Go to Chapter14</A>
<H2>Chapter1</H2>
<H2 id="Ch2">Chapter2</H2>
<H2>Chapter3</H2>
<H2>Chapter4</H2>
<H2>Chapter5</H2>
<H2>Chapter6</H2>
<H2>Chapter7</H2>
<H2>Chapter8</H2>
<H2>Chapter9</H2>
<H2>Chapter10</H2>
<H2>Chapter11</H2>
<H2>Chapter12</H2>
<H2>Chapter13</H2>
<H2 id="Ch14">Chapter14</H2>
<H2>Chapter15</H2>
<H2>Chapter16</H2>
<A HREF="#Ch2">Back to Chapter2</A>
<A HREF="C: \Users\student.IINTM-L3-98\Desktop\ruchi jain bba4 \Q4
HOMEPAGE.HTML">Link to Homepage</a>
<A HREF="https://www.google.co.in/?gws_rd=ssl">Link to Google.co.in</a>
</pre>
</body>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 19

OUTPUT (Page3)


SCRIPT (Page4)
<head>
<title>Twinkle Q4 Page4</title>
</head>
<body>
<pre>
<h1><marquee>MARQUEE TAG</marquee></h1>

<H3>I am Marquee Tag. I have four attributes:-</H3>
1. <B><U>Direction</U></B> - Top, Down, Right, Left.
<marquee direction="up">Twinkle</marquee>
<marquee direction="down">Twinkle </marquee>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 20

<marquee direction="left">Twinkle</marquee>
<marquee direction="right">Twinkle </marquee>

2. <B><U>Behavior</U></B> - Scroll, Side, Alternate.
<marquee behavior="scroll">Twinkle </marquee>
<marquee behavior="slide">Twinkle</marquee>
<marquee behavior="alternate">Twinkle</marquee>

3. <B><U>Bg color</U></B> - Orange, White, Green.
<marquee bgcolor="orange">Twinkle</marquee>
<marquee bgcolor="white">Twinkle</marquee>
<marquee bgcolor="blue">Twinkle</marquee>

4. <B><U>Height & Width</U></B> - in pixels.
<marquee height="100" width="40">Twinkle</marquee>
<A HREF="C: \Users\student.IINTM-L3-98\Desktop\Twinkle bba4\Q4
HOMEPAGE.HTML">Link to Homepage</A>
</pre>
</body>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 21

OUTPUT (Page4)


SCRIPT (Page5)
<html>
<head>
<title>Twinkle Q4 PAGE5</title>
</head>
<body>
<h1 align="center">OTHER TAGS</h1>
<h3>Here, we are going to explain about various Tags:-

<hr>
<u>Use of Break Tag</u><br>
My name is Twinkle<br>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 22

I am a student of BBA IV M1<BR>
This is My Web Page.

<hr>
<U>Use of Pre Tag.</U>
<pre>
My name is Twinkle<br>
I am a student of BBA IV M1<BR>
This is MyWebPage.
</pre>

<hr>
<U>Use of P Tag.</U>
<p>
abcdefghijklmknopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmknopqrs
tuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
</p>

<HR>
<U>Use of q and Blockquote Tag.</U><br>
<q>Use of Blockquote</q>
<Blockquote>Blockquote is used for long quotation marks. See the effect of text we are giving
over here. Blockquote is used for long quotation marks. See the effect of text we are giving over
here.</Blockquote>
</body>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 23

OUTPUT (Page5)

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 24

ASSIGNMENT 5
Q5. Write a HTML code to print the following lines in same manners:

QUADRATIC EQUATION
In Mathematics, a quadratic equation is a polynomial equation of
the second degree. The general form is
ax
2
+bx+c=0
Where != 0 (For if a=0, the equation becomes a linear equation)
CHEMICAL EQUATION

4H3PO3 = 3H 3PO4+PH3
and other expression as
Pnew= Pold + X
2
-Y
acosx


SCRIPT
<html>
<head>
<title>Twinkle Q5</TITLE>
</head>
<body>
<pre>

<h1 align="center"><u>QUADRATIC EQUATION</u></h1>

<p>In Mathematics a quadratic equation is polynomial equation of degree. The general form is:-

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 25

<center><b>ax<sup>2</sup>+bx=c=0</b></center>
where, !=0(For if a=0, the equation becomes a linear equation).</P>
<hr>
<h1 align="center"><u>CHEMICAL EQUATION</u></h1>
<p
align="center"><b>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>2</sup></b></p>
</pre>
</body>
</html>

OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 26

ASSIGNMENT 6
Q6. 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

SCRIPT
<html>
<head>
<title>Twinkle Q6</title>
<basefont size="5">
</head>
<body background="C:\Users\Mayank\Downloads\Tulips.jpg">

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 27

<pre>
<h1 align="center"><u><b>DEPARTMENTS OF COLLEGE</u></b></h1>
<B><OL type="1">
<li><font face="algerian" color="blue" >Department of Computer Science</font></li>
<UL type="disc">
<li>B.Sc. Computer Science</li>
<li>M.Sc. Computer Science</li>
<li>PGDCA</li>
</UL>
<hr>
<li><font face="arial black" color="red" >Department of Mathematics</font></li>
<UL type="square">
<li>B.Sc. Mathematics</li>
<li>M.Sc. Mathematics</li>
<li>M.Phil. Mathematics</li>
</UL>
<hr>
<li><font face="cooper black" color="green" >Department of Zoology</font></li>
<UL type="circle">
<li>B.Sc. Zoology</li>
<li>M.Sc. Zoology</li>
<li>M.Phil. Zoology</li>
<li>Ph.D. Zoology</li>
<marquee behavior="alternate">Admission Open for Ph.D. in Zoology</marquee>
</UL>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 28

<hr>
</B>
</OL>
</pre>
</body>
</html>

OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 29

ASSIGNMENT 7
Q7. Create a nested list as follows:
Computer System
1. Input Devices
i. Keyboard
ii. Mouse
iii. Joystick
iv. Scanner
a. Flat Bed Scanner
b. Hand held Scanner
2. Output Devices
i. Monitor
a. LCD
b. CRT
ii. Printer
a. Impact Printer
b. Non Impact Printer

Apply following parts:
 Insert an image of computer on top right corner of web page.
 Display a marquee displaying “Input and Output Devices”.
 Use different font styles and colors for Input and Output Devices.
 Insert horizontal line after Input Devices are over.
 Use bold, italics and underline in headings.

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 30

SCRIPT
<html>
<head>
<title>Twinkle Q7</title>
</head>
<body>
<img src="C:\Users\student.IINTM-L3-98\Desktop\ruchi jain bba4 \image1.jpg"
align="right"></img>
<H1 align="center"><B><U>COMPUTER SYSTEM</U></B></H1>
<marquee><B>INPUT AND OUTPUT DEVICES</B></marquee>
<OL type="1">
<li><B><U><I>Input Devices</I></U></B></li>
<OL type="i">
<font face="arial" color="Blue"><li>Keyboard</li>
<li>Mouse</li>
<li>Joystick</li>
<li>Scanner</li></font>
<OL type="a">
<li>Flat Bed Scanner</li>
<li>Hand held Scanner</li>
</OL></OL>
<HR>
<li><B><U><I>Output Devices</I></U></B></li>
<OL type="i">
<font face="calibri" color="green"><li>Monitor</li></font>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 31

<OL type="a">
<li>LCD</li>
<li>CRT</li>
</OL>
<font face="calibri" color="green"><li>Printer</li></font>
<OL type="a">
<li>Impact Printer</li>
<li>Non Impact Printer</li>
</OL></OL></OL>
</body>
</html>

OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 32

ASSIGNMENT 8
Q8. Create a HTML webpage which display the following list.
FRUITS & VEGETABLES
A.Vegetables
• Onion
• Tomato
• Radish
• Potato
• Carrot
B.Fruits
• Apple
• Banana
• Water-Melon
• Mango
• Grapes

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

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 33

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
 Apply a background color
 Insert marquee tag displaying “Newspapers and Magazines”

SCRIPT
<html>
<head>
<title>Twinkle Q8</title>
<Basefont face="arial,verdana courier" color="green">
</head>
<body bgcolor="yellow">
FRUITS & VEGETABLES
<OL type="A">
<li>Vegetables</li>
<UL type="disc">
<li>Onion</li>
<li>Tomato</li>
<li>Radish</li>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 34

<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>
<marquee>NEWSPAPER & MAGAZINE</marquee>
<H4>NEWSPAPER & MAGAZINE</H4>
<HR>
<UL type="circle">
<li>Newspaper</li>
<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>Magazine</li>
<OL type="i">
<li>Business Times</li>
<li>The Week</li>
<li>India Today</li>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 35

<li>Harvard Business Review</li>
<li>Computer World </li></OL></UL>
</body>
</html>
OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 36

ASSIGNMENT 9
Q9. Design tables as follows:






SCRIPT
<html>
<head>
<title>Twinkle Q9</title>
</head>
<body>
<table border="5" bordercolor="blue">
<TR>
<TH>Roll no</TH>
<TH>Name</TH>
<TH>Course</TH>
<TH>Marks</TH>
</TR>
<TR>
<TD>1</TD>
<TD>Ajay Kumar</TD>
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

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 37

<TD>BBA</TD>
<TD>78</TD>
</TR>
<TR>
<TD>2</TD>
<TD>Kavita Sharma</TD>
<TD>BCA</TD>
<TD>62</TD>
</TR>
<TR>
<TD>3</TD>
<TD>Rohit Garg</TD>
<TD>BBA CAM</TD>
<TD>87</TD>
</TR>
<TR>
<TD>4</TD>
<TD>Pooja Kapoor</TD>
<TD>BBA</TD>
<TD>67</TD>
</TR>
<TR>
<TD>5</TD>
<TD>Mohit Gupta</TD>
<TD>BBA CAM</TD>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 38

<TD>72</TD>
</TR>
</body>
</html>
OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 39

ASSIGNMENT 10

Q10. Design tables as follows:

University
College
Student

SCRIPT
<html>
<head>
<title>Twinkle q10</title>
</head>
<body>
<table border="1">
<TR>
<TH rowspan="2">University</TH>
<TH>College</TH>
</TR>
<TR>
<TH>Student</TH>
</TR>
</table>
</body>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 40

OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 41

ASSIGNMENT 11



SCRIPT

<html>
<head>
<title> twinkle q11</title>
<head>
<body>
<table border="1">
<tr>
<th colspan="2">university</th>
</tr>
<tr>
<th>college</th>
<th>student</th>
</tr>
</table>
</body>
</html>
Q11. Design tables as follows:

University
College Student

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 42

OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 43

ASSIGNMENT 12
Q12. Design tables as follows:

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

SCRIPT

<html>
<head>
<title> Twinkle q12 </title>
</head>
<body>
<table border="10" width="50%" align="center">
<tr>
<thcolspan="2"> production </th>
</tr>
<tr>
<td> shoes </td>
<td> 500 </td>
</tr>
<tr>
<td> bags </td>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 44

<td> 800 </td>
</tr>
<tr>
<td> shirts </td>
<td> 300 </td>
</tr>
<tr>
<th colspan="2">Sales</th>
</tr>
<tr>
<td> shoes </td>
<td> 400 </td>
</tr>
<tr>
<td> bags </td>
<td> 200 </td>
</tr>
<td> shirts </td>
<td> 500 </td>
</tr>
</table>
</body>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 45

OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 46

ASSIGNMENT 13





SCRIPT
<html>
<head>
<title>Twinkle q13</title>
</head>
<body>
<table border="2">
<tr>
<th rowspan="2">Roll No.</th>
<th rowspan="2">Name</th>
<th rowspan="2">course</th>
<th colspan="3">Marks</th>
</tr>
<tr>
<th>Internal</th>
<th>External</th>
Q13. Design tables as follows:


Rol
l
No
Name
Cours
e
Marks
Interna
l
Extern
al
Total
123 abc BBA 20 60 80
789 xyz BCA 15 65 80

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 47

<th>Total</th>
</tr>
<tr>
<td>123</td>
<td>abc</td>
<td>BBA</td>
<td>20</td>
<td>60</td>
<td>80</td>
</tr>
<tr>
<td>789</td>
<td>xyz</td>
<td>BCA</td>
<td>15</td>
<td>65</td>
<td>80</td>
</tr>
</table>
</body>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 48

OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 49

ASSIGNMENT 14























Q14. Design tables as follows:

Insert An Image Here


Semester

Subject









BBA






1
st

Se
m
POM
BM
CF
BE



2
nd

Se
m
BO
DBMS
QT & OR
BE-II
PDCS-II

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 50

SCRIPT

<html>
<head>
<title>Twinkle q14</title>
</head>
<body>
<table border="2">
<tr>
<img src="C:\Users\Mayank\Downloads\th0GVCXOVW.jpg"height="200" width="300">
</tr>
<tr>
<td colspan="2">semester</td>
<td>subject</td>
</tr>
<tr>
<td rowspan="9">BBA</td>
<td rowspan="4">1st sem</td>
<td>POM</td>
</tr>
<tr>
<td BM</td>
</tr>
<tr>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 51

<td>CF</td>
</tr>
<tr>
<td>BE</td>
</tr>
<tr>
<td rowspan="5">2nd sem</td>
<td>BO</td>
</tr>
<tr>
<td>DBMS</td>
</tr>
<tr>
<td> QT & OR</td>
</tr>
<tr>
<td> BE-II </TD>
</TR>
</body>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 52

OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 53

ASSIGNMENT 15
Q15. Design following table:
IP University Courses
Graduate Post Graduate
BBA BCA B. Tech MBA MCA M. Tech
240 120 100 200 100 80

SCRIPT
<html>
<head>
<title> Twinkle q15 </title>
</head>
<body>
<table border="5" align="center" width="50%">
<tr align="center">
<td colspan="6"> IP University courses </td>
</tr>
<tr align="center">
<td colspan="3"> graduate</td>
<td colspan="3"> post graduate </td>
</tr>
<tr align="center">
<td> BBA </td>
<td> BCA </td>
<td> B.TECH </td>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 54

<td> MBA </td>
<td> MCA </td>
<td>M.Tech</td>
</tr>
<tr align="center">
<td> 250 </td>
<td> 120 </td>
<td> 100 </td>
<td> 200 </td>
<td> 100 </td>
<td> 80 </td>
</tr>
</table>
</body>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 55

OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 56

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



SCRIPT FOR PART 1
<html>
<head>
<title> Twinkle q16(i) </title>
</head>
<frameset rows="50%,50%">
<frame src=""/>
<frame src=""/>
</frameset>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 57

</html>
OUTPUT


SCRIPT FOR PART 2
<html>
<head>
<title>Twinkle q16(ii)</title>
</head>
<frameset cols="30%,40%,30%">
<frame src="C:\Users\Mayank\Desktop\F1.jpg">
<frame src="C:\Users\Mayank\Desktop\F2.jpg">
<frame src="C:\Users\Mayank\Desktop\F3.jpg">
</frameset>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 58

OUTPUT


SCRIPT FOR PART 3
<html>
<head>
<title>Twinkle q16(iii)</title>
</head>
<frameset rows="30%,70%">
<frame src="C:\Users\Mayank\Desktop\COURSES.jpg">
<frameset cols="30%,40%,30%">
<frame src="C:\Users\Mayank\Desktop\BBA.jpg">
<frame src="C:\Users\Mayank\Desktop\BCA.jpg">
<frame src="C:\Users\Mayank\Desktop\B.jpg">
</frameset>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 59

</frameset>
</html>
OUTPUT


SCRIPT FOR PART 4
<html>
<head>
<title>Twinkle q16(iv)</title>
</head>
<frameset cols="50%,50%">
<frame src=" ">
<frameset rows="30%,70%">
<frame src=" ">
<frame src=" ">

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 60

</frameset>
</frameset>
</html>

OUTPUT


SCRIPT FOR PART 5
<html>
<head>
<title> Twinkle q16(5) </title>
</head>
<frameset rows="80%,20%">
<frameset cols="20%,20%,20%,20%,20%">
<frame src="C:\Users\Mayank\Desktop\A.jpg"/>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 61

<frame src="C:\Users\Mayank\Desktop\E.jpg"/>
<frame src="C:\Users\Mayank\Desktop\I.jpg"/>
<frame src="C:\Users\Mayank\Desktop\o.jpg"/>
<frame src="C:\Users\Mayank\Desktop\U.jpg"/>
</frameset>
<frame src="C:\Users\Mayank\Desktop\VOWELS.jpg"/>
</frameset>
</html>
OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 62

SCRIPT FOR PART 6
<html>
<head>
<title> Twinkle q16(vi) </title>
</head>
<frameset cols="50%,50%">
<frameset rows="30%,30%,40%">
<frame src=""/>
<frame src=""/>
<frame src=""/>
</frameset>
<frame src=""/>
</frameset>
OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 63

ASSIGNMENT 17
Q17. Design following frame:

PRODUCTS
Mobile Phone
Shoes
Pen Drive
Shirt


Image
Description (Product code, Name, Brand,
Price, Color, Discount, Offer/Scheme etc.)

SCRIPT FOR MAIN PAGE
<html>
<head>
<title> Twinkle q16(i) </title>
</head>
<frameset rows="50%,50%">
<frame name="Products"
src="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q17/final.html">
<frameset cols="50%,50%">
<frame name="images"
src="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q17/hp.html">
<frame name="description"/>
</framest>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 64

OUTPUT


SCRIPT FOR PRODUCTS
<html>
<head>
<title> Twinkle q17(ii) </title>
</head>
<body>
<h1><center> Products </center></h1>
<pre>
<a href="C:\Users\Mayank\Desktop\CA DOCUMENT\q17\iphone 6s+.jpeg="images"> Mobile
Phones </a>
<a href="C:\Users\Mayank\Desktop\CA DOCUMENT \q17\shoes.jpg" target="images"> Shoes
</a>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 65

<a href="C:\Users\Mayank\Desktop\CA DOCUMENT \q17\HP.jpg" target="images">
Pendrive</a>
<a href="C:\Users\Mayank\Desktop\CA DOCUMENT \q17\Aman.jpg" target="images"> Shirt
</a>
</pre>
</body>
</html>

OUTPUT


SCRIPT FOR IMAGES
<html>
<head>
<title> Twinkle q17(iii) </title>
</head>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 66

<body>
<h1><center> IMAGES </center></h1>
<a
href="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q17/phone.html"target="descripti
on">
<img src="C:\Users\\Documents\mobilephones.jpg"></a>
<a
href="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q17/shoes.html"target="descriptio
n"><img src="C:\Users\Mayank\Desktop\CA DOCUMENT \q17\shoes.jpg"></a>
<a
href="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q17/pendrive.html"target="descri
ption"><img src="C:\Users\Mayank\Desktop\CA DOCUMENT \q17\HP.jpg"></a>
<a
href="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q17/Shirts.html"target="descriptio
n"><img src="C:\Users\Mayank\Desktop\CA DOCUMENT \q17\shirt.jpg"></a>
<a
href="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q17/phone.html"target="descripti
on"><img src="C:\Users\Mayank\Desktop\CA DOCUMENT \q17\iphone 6s+.jpeg"></a>
</body>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 67


OUTPUT

(i)

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 68

(ii)


(iii)

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 69


(iv)

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 70

ASSIGNMENT 18
Q18. Design following frame:

MAIN MENU

Lists
Tables
Frames
Explanation
- - - - - - - - - - -
- - - - - - - - - - -
View Example
Example

SCRIPT FOR MAIN PAGE
<html>
<head>
<title> Twinkle q18</title>
</head>
<frameset cols="50%,50%">
<frame name="f1" frame
src="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q18/Main%20Menu.html">
<frameset rows="50%,50%">
<frame name="f2" frame
src="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q18/Example%20list.html">
<frame name="f3" frame src="">
</frameset>
</frameset>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 71

OUTPUT


SCRIPT FOR MAIN MENU
<html>
<head>
<title>Twinkle q18(ii)</title>
<body>
<h1 align="center">Main Menu</h1>
<pre>
<a href="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q18/Explanation%20list.html"
target="f2">List</a>
<a
href="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q18/Explanation%20table.html"
target="f2">Table</a>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 72

<a
href="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q18/Explanation%20frames.html"
target="f2">Frames</a>
</pre>
</body>
</html>

OUTPUT


SCRIPT FOR LIST
<html>
<head>
<title>Twinkle q18(iii)</title>
<body>
<h1 align="center">Explanation</h1>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 73

<pre>
List are of 2 types:-

Ordered list and Unordered list
</pre>
<a href="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q18/Example%20list.html"
target="f3">View Example</a>
</body>
</html>

OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 74

SCRIPT FOR TABLES
<html>
<head>
<title>Twinkle q18(iv)</title>
<body>
<h1 align="center">Explanation</h1>
<pre>
Table consist of rows and columns
</pre>
<a href="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q18/Example%20table.html"
target="f3">View Example</a>
</body>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 75

OUTPUT


SCRIPT FOR FRAMES
<html>
<head>
<title>Twinkle q18(v)</title>
<body>
<h1 align="center">Explanation</h1>
<pre>
Frames divides the screen in 2 or more parts whether
it is rows or in columns
</pre>
<a href="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q18/Example%20frames.html"
target="f3">View Example</a>
</body>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 76

</html>
OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 77

ASSIGNMENT 19
Q19. Write a HTML code to create a frame as given below:










SCRIPT FOR MAIN PAGE
<html>
<head>
</head>
<frameset cols="50%,50%" rows="50%,50%">
<frame name="BBA"
src="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q19/bba.html">
<frame name="BCA"
src="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q19/bca.html">
<frame name="MBA"
src="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q19/mba.html">
<frame name="MCA"
src="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q19/mca.html">


BBA
Description


BCA
Description


MBA
Description


MCA
Description

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 78

</frameset>
</html>

OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 79

ASSIGNMENT 20
Q20. Make an image map as follows:

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

SCRIPT FOR MAIN PAGE
<html>
<head>
<title>Frame</title>
</head>
<body>
<img src="C:\Users\Mayank\Desktop\CA DOCUMENT \q20\CA.jpg" usemap="#rectangle">
<map name="rectangle">
<area shape="rect" coords="199,116,549,268"
href="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q20/CA%201.html">
<area shape="rect" coords="549,116,893,268"
href="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q20/CA%202.html">
<area shape="rect" coords="199,268,549,428"
href="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q20/CA%203.html">
<area shape="rect" coords="549,268,893,428"
href="file:///C:/Users/Mayank/Desktop/CA%20DOCUMENT/q20/CA%204.html">
</body>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 80

OUTPUT


SCRIPT FOR INTERNET, INTRANET AND EXTRANET
<html>
<head>
<title>Frame1</title>
</head>
<body>
<h1 align="center">Internet, Intranet and Extranet</h1>
<p>
The Internet is the global system of interconnected mainframe, personal, and wireless computer
networks that use the Internet protocol suite (TCP/IP) to link billions of devices worldwide. It is
a network of networks that consists of millions 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

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 81

World Wide Web (WWW), electronic mail, Usenet newsgroups, telephony, and peer-to-peer
networks for file sharing.
</p>
</body>
</html>

OUTPUT


SCRIPT FOR IMAGE MAP
<html>
<head>
<title>Frame2</title>
</head>
<body>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 82

<h1 align="center">Imagemap</h1>
<p>
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.
</p>
</body>
</html>
OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 83

SCRIPT FOR TELNET
<html>
<head>
<title>Frame3</title>
</head>
<body>
<h1 align="center">Telnet</h1>
<p>
Telnet is an application layer 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).
</p>
</body>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 84

OUPUT


SCRIPT FOR SEARCHING TECHNIQUES
<html>
<head>
<title>Frame4</title>
</head>
<body>
<h1 align="center">Searching Techniques</h1>
<p>
A search engine is an information retrieval software program that discovers, crawls, transforms
and stores information for retrieval and presentation in response to user queries. Search engines
normally consist of a crawler (also known as a spider or bot) that traverse a document collection.
The crawler deconstructs document text and assigns surrogates for storage in the search engine
index. Online search engines store images, link data and metadata for the document as well.

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 85

</p>
</body>
</html>
OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 86

ASSIGNMENT 21

Q21. 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.

SCRIPT FOR MAIN PAGE
<html>
<head>
<title>FRAME</title>
</head>
<body>
<img src="Q21.jpg" usemap="#rectangle">
<map name="rectangle">
<area shape="circle" coords="342,135,117" href="Animal.html">
<area shape="poly" coords="775,208,665,131,775,13,884,131" href="Fruits.html">
<area shape="rect" coords="352,243,565,390" href="Vegetables.html">
Birds
Animals
Fruits
Vegetables

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 87

<area shape="poly" coords="753,407,863,234,975,407" href="Birds.html">
</body>
</html>

OUTPUT


SCRIPT FOR ANIMALS
<html>
<head>
<title>Frame1</title>
</head>
<body>
<pre>
<h1 align="center">Animals:</h1>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 88

<h3>
1. Tiger
2. Zebra
3. Camel
4. Horse
5. Dear
<h3>
</pre>
</body>
</html>


OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 89

SCRIPT FOR FRUITS
<html>
<head>
<title>Frame2</title>
</head>
<body>
<pre>
<h1 align="center">Fruits:</h1>
<h3> 1. Apple
2. Mango
3. Grapes
4. Orange
5. Banana
<h3>
</pre>
</body>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 90

OUTPUT


SCRIPT FOR VEGETABLES
<html>
<head>
<title>Frame3</title>
</head>
<body>
<pre>
<h1 align="center">Vegetables:</h1>
<h3> 1. Tomato
2. Potato
3. Onion
4. Spinach

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 91

5. Cucumber
<h3>
</pre>
</body>
</html>
OUTPUT


SCRIPT FOR BIRDS
<html>
<head>
<title>Frame4</title>
</head>
<body>
<pre>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 92

<h1 align="center">Birds</h1>
<h3> 1. Sparrow
2. Parrot
3. Pigeon
4. Eagle
5. Owl
<h3>
</pre>
</body>
</html>


OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 93

ASSIGNMENT 22
Q22. Design following HTML form:









SCRIPT
<html>
<head>
<title>Form</title>
</head>
<body>
<h1 align="center">NEW USER</h1>
<form name="input" action="Submit.html">
Name<input type="text" name="name"><br><br>
Email ID<input type="text" name="email"><br><br>
Designation<select name="designation">
<option>Chairman</option>
<option>Director</option>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 94

<option>Faculty</option>
</select><br><br>
Specialization<input type="radio" name="specialization" value="IT">IT
<input type="radio" name="specialization" value="Management">Management<br><br>
<input type="Submit" value="Submit">
<input type="Reset" value="Reset">
</form>
</body>
</html>
OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 95

ASSIGNMENT 23
Q23. Create a HTML form to store information about the visitor of the website as follows:









SCRIPT
<html>
<head>
</head>
<body>
<table border="5" align="center" height="20%">
<tr>
<td> E-mail Address : </td>
<td><input type="text" name="name"><td>
</tr>
<tr>
<td> Do you use Web for : </td>
<td><input type="checkbox" name="Research"> Research <input type="checkbox"
name="Purchases"> Purchases </td>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 96

</tr>
<tr>
<td> Occupation : </td>
<td><select><option value="Business Man"> Business Man </option></select>
</tr>
<tr>
<td> Want us to Send you Junk Mail : </td>
<td><input type="radio" name="absolutely"> Absolutely <input type="radio" value="No Way,
Man"> No Way, Man </td>
</tr>
<tr>
<td colspan="4"><pre><input type="submit" value="submit"><input type="Reset"
value="Reset"></pre>
</tr>
</table>
</body>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 97

OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 98

ASSIGNMENT 24
Q24. Create a webpage to implement inline style sheet.

SCRIPT
<html>
<head>
<title>CSS</title>
</head>
<body>
<h1 style ="color:blue;margin-left:30px;">Internet:</h1> This is the world-wide network of
computers accessible to anyone who knows their Internet Protocol (IP) address - the IP address is
a unique set of numbers (such as 209.33.27.100) that defines the computer's location.<br>
Most will have accessed a computer using a name such as
http://www.hcidata.com.<br><br><br>
Intranet: This is a network that is not available to the world outside of the Intranet.<br>
If the Intranet network is connected to the Internet, the Intranet will reside behind a firewall and,
if it allows access from the Internet, will be an Extranet.<br>
The firewall helps to control access between the Intranet and Internet to permit access to the
Intranet only to people who are members of the same company or organisation.<br><br><br>
Extranet: An Extranet is actually an Intranet that is partially accessible to authorised
outsiders.<br>
The actual server (the computer that serves up the web pages) will reside behind a firewall.<br>
The firewall helps to control access between the Intranet and Internet permitting access to the
Intranet only to people who are suitably authorised.
</body>
</html>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 99

OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 100

ASSIGNMENT 25

Q25. Create a webpage to implement internal style sheet.

SCRIPT
<html>
<head>
<title>CSS</title>
<style>
body{background-color:linen;}
h1{color:maroon;margin-left:40px}
</style>
</head>
<body>
<h1>Internet:</h1> This is the world-wide network of computers accessible to anyone who
knows their Internet Protocol (IP) address - the IP address is a unique set of numbers (such as
209.33.27.100) that defines the computer's location.<br>Most will have accessed a computer
using a name such as http://www.hcidata.com.<br><br><br>
<h1>Intranet:</h1> This is a network that is not available to the world outside of the
Intranet.<br>If the Intranet network is connected to the Internet, the Intranet will reside behind a
firewall and, if it allows access from the Internet, will be an Extranet.<br>The firewall helps to
control access between the Intranet and Internet to permit access to the Intranet only to people
who are members of the same company or organisation.<br><br><br>
<h1>Extranet: </h1>An Extranet is actually an Intranet that is partially accessible to authorised
outsiders.<br>The actual server (the computer that serves up the web pages) will reside behind a
firewall.<br>The firewall helps to control access between the Intranet and Internet permitting
access to the Intranet only to people who are suitably authorised.
</body>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 101

</html>

OUTPUT

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 102

ASSIGNMENT 26

Q26. Create a webpage to implement external style sheet.

SCRIPT FOR STYLE
h1{font-size:22;color:blue;font-family:algerian;text-align:center;}
p{font-size:15;color:blue;font-family:times new roman;}
body{background-color:pink;}

SCRIPT FOR MAIN PAGE
<html>
<head>
<title> Twinkle q26 </title>
<link rel="stylesheet" type="text/CSS" href="mystyle.css">
</head>
<body>
<h1> How to Crack MBA ? </H1>
<P>
Make your basics concepts very clear. Try to find short method to solve any problem. Don’t
only learn from your mistakes but also from your correct answers. Avoid solving complex,
difficult and time consuming problems.
Don’t compare your results with anybody else but with yourself. Don’t take a long break to
study prior to CAT (7 day is reasonable). Don’t try to perfect any concept at the end or don’t
rely on any crap and long useless formulas to help you.
</P>
<H1> BBA admissions </h1>

Computer Applications-II

Twinkle Batra
05490301714
BBA IV (M1) Page 103

<p>
the admissions are carried out srtictly on merit basis through a CET conducted by GGSIPU. the
university conducts central councelling for all the colleges affiliated with it for 90% seats.
</p>
</body>
</html>
OUTPUT