Vous êtes sur la page 1sur 138

Assignment-1

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

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

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

OUTPUT:
Assignment-2

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


qualification, achievements, strengths, hobbies and personal details.

Apply following specifications:

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

Coding:
<HTML>

<HEAD>

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

</HEAD>

<BODY BGCOLOR="PINK">

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

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

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


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

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

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

<PRE>

CLASS BOARD PERCENTAGE


X CBSE 70

XII CBSE 75 </PRE>

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

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

GOLD MEDAL IN NATIONAL QUIZ COMPETITION.

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

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

HONESTY<BR>

PUNCTUALITY

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

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

READING BOOKS

LISTINING MUSIC

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

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

<PRE>

NAME: PUNEET NAYYAR

CONTACT NO: 100

EMAIL ID: ABCDFGRJFJJ@GMAIL.COM

ADDRESS: H-26 MOTI NAGAR

</BODY>

</HTML>
Assignment-3

DQuestion-3 Design a Web Site of IITM with following specifications:

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

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

OUTPUT:
IITM:

CODING:
COURSES AVAILABLE:
<html>
<head>
<title>courses available</title>
</head>
<body>
<h1 align = "center">courses available</h1>
<ul type = "disc">
<li>BBA</li>
<li>BCA</li>
<li>B.Com</li>
</ul>
<br><br><br><br><br>
<a href = "file:///C:/Users/WELCOME/Desktop/iintm1.htm">home</a>
</body>
</html>
OUTPUT:
COURSES AVAILABLE:

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

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

OUTPUT:
LOCATION:
Assignment-4
Question - Design a Web Site with the name as HTML tutorial with following
specifications:

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

Formatting Styles and Headings: Include Bold, italics, Underline, Strike, Subscript,
superscript and all six type of headings

Font Styles and Images: Font and Base font tag, Image tag

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

Marquee: Move text, image and hyperlink

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

Include following specifications:

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

CODING:

HOME:

<html>

<head>

<title>Puneet Assignment-4</title>
</head>

</body>

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

<br>

<br>

<br>

<br>

<br><br>

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

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

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

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

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

</body>

</html>

OUTPUT:
CODING:

PAGE 1:

<html>

<head>

<title>page 1</title>

</head>

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

<br>

<h2>heading</h2>

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

<br>

<hr>

<h2>bold</h2>

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

<br>

<hr>

<h2>italics</h2>

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

<br>

<hr>

<h2>underline</h2>
the "u" element was used to define underlined text.

<br>

<hr>

<h2>strike</h2>

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

<hr>

<br>

<h2>subscript</h2>

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

<hr>

<br>

<h2>superscript</h2>

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

<hr>

<br>

<br>

<br>

<br>
OUTPUT:
CODING:

PAGE 2:

<html>

<head>

<title>page 2</title>

</head>

<body>

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

<br>

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

<hr><br>

<h2>Base Font</h2>

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

<hr><br>

<h2>Image</h2>

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

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

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

</body>

</html>

OUTPUT:

PAGE 2:
CODING:

PAGE 3:

<html>

<head>

<title>page 3</title>

</head>

<body>

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

<br>

<h2>internal link</h2>

An internal link is a type of hyperlink on a webpage to another page or resource, such as an


image or document, on the same website or domain.

<br><hr>

<h2>external link</h2>

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

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

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

</body>

</html>

OUTPUT:

PAGE 3:
CODING:

PAGE 4:

<html>

<head>

<title>page 4</title>

</head>

<body>

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

<br>

<h2>move text</h2>

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

<hr><br>

<h2>move image</h2>

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

<hr><br>
<h2>hyperlink</h2>

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

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

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

</body>

</html>

OUTPUT:

PAGE 4:

CODING:

PAGE 5:

<html>

<head>

<title>page 5</title>

</head>

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

<br>

<h2>br</h2>

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

<hr><br>

<h2>hr</h2>

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

<hr><br>

<h2>pre</h2>

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

<hr><br>

<h2>p</h2>

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

<hr><br>

<h2>blockquote</h2>

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

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

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

</body>

</html>
OUTPUT:

PAGE 5:
Assignment-5

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

In Mathematics, a quadratic equation is a polynomial equation of the second degree. The general
form is

ax2+bx+c=0

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

"CHEMICAL EQUATION"

4H3PO3 = 3H3PO4+PH3
and other expression as
Pnew= Pold + X2-Yacosx

Coding:
<html>

<body>

<center>

<pre>

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

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


second degree.The general form is:

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

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

<HR color="blue">

<u>"CHEMICAL EQUATION"</u>
4H<sub>3</sub>PO<sub>3</sub> =
3H<sub>3</sub>PO<sub>4</sub>+PH<sub>3</sub>

and other expression as

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

</font>

</pre>

</center>

</body>

</html>

Output:
Assignement-6

D 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
Coding:
<html>

<HEAD>

<TitleAssignment-6 449>

<body BAckground="file:///C:/Users/abc/Desktop/institute-of-information-technology-
management-iitm-janakpuri.jpg">

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

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

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

<ol Type="1">

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

<ul Type"disc">

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

<li>Bsc. Computer Science</li>

<li>Msc. Computer Application

<li>PGDCA</li>

</font>

</ul>

<HR>

<li> Dept. of Mathematics</li>

<ul Type="Square">

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

<li>Bsc.Mathematics</li>

<li>Msc. Mathematics</li>

<li>Mphill.Mathematics</li>
</font>

</ul>

<HR>

<li> Dept. of Zoology</li>

<ul Type="circle">

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

<li>Bsc.Zoology</li>

<li>Msc. Zoology</li>

<li>MPhill. Zoology</li>

<li>PHD.Zoology</li>

</font>

</ul>

</ol>

</head>

</body>

</html>
Output:
Assignment-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

Apply following parts:


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

Coding:
<html>

<head>

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

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


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

</head>

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

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

<ol type="1">

<li>Input Devices</li>

<ol type="i">

<li>Keyboard</li>

<li>Mouse</li>

<li>Joystick</li>

<li>Scanner</li>

<ol type="a">

<li>Flat Bed Scanner</li>

<li>Hand Held Scanner</li>

</ol></ol>

<li> Output Device</li>

<ol type="i">

<li>Monitor</li>

<ol type="a">

<li>LCD</li>

<li>CRT</li>

</ol>

<li>Printer</li>

<ol type="i">

<li>Impact Printer</li>

<li>Non Impact Printer</li>


</ol>

</body>

</html>

Output:
Assignment-8

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

FRUITS & VEGETABLES


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

Newspaper & Magazine


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

o Magazine
i. Business Times
ii. The Week
iii. India Today
iv. Harvard Business Review
v. Computer World
Apply following parts:
 Put horizontal line after newspaper and magazine
 Apply heading tag for newspaper and magazine
 Apply base font for whole web page and different colors for subjects of each semester
 Apply a background color
 Insert marquee tag displaying “Newspapers and Magazines”
Coding:
<html>

<head>

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

</head>

<body bgcolor="green">

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

<ol type="A">

<li>Vegetables</li>

<ul type="disc">

<li>Onion</li>

<li>Tomato</Li>

<li>Radish</li>

<li>Potato</li>

<li>Carrot</li>

</ul>

<li>Fruits</li>

<ul type="disc">

<li>Apple</li>

<li>Banana</li>

<li>Water-Melon</li>

<li>Mango</li>

<li>Grapes</li>

</ul>
</ol>

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


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

<ul type="circle">

<li>Newspaper</li>

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

<li>The Times of India</li>

<li>Hindustsan Times</li>

<li>Navbharat Times</li>

<li>Punjab Kesari</li>

<li>Dainik Jagran</li>

</ol>

<li>Magazine</li>

<ol type="i">

<li>Business Times</li>

<li>The Week</li>

<hr>

</ol>

</ul>

</body>

</html>
Output:
Assignment-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

Coding:
<html>

<head>

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

</head>

<body>

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

<tr>

<th>Roll no</th>

<th>Name</th>

<th>Course</th>

<th>Marks</th>

</tr>

<tr>

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

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

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

</tr>

<tr>

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

<td>Kavita Sharma</td>

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

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

</tr>

<tr>

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

<td>Rohit Garg</td>

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

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

</tr>

<tr>

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

<td>Pooja Kapoor</td>

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

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

</tr>

<tr>

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

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

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

</tr>

</body>

</html>

Output:
Assignement-10

Question-Design tables as follows:

College
University
Student

Coding:

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

Output:
Assignment-11

Question-Design tables as follows:


University
College Student

Coding:-
<html>

<head>

<titlePuneet 449 Assignment-11</title>

</head>

<body>

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

<tr>

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

</tr>

<tr>

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

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

</tr>

</body>

</html>
Assignment-12

Question-Design tables as follows:

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

Coding:
<html>

<head>

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

</head>

<body>

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

<tr>

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

</tr>

<tr>

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

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

</tr>

<tr>

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

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

<tr>

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

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

</tr>

<tr>

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

</tr>

<tr>

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

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

</tr>

<tr>

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

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

</tr>

<tr>

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

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

</tr>

</body>

</html>
Output:
Assignment-13

Question - Design tables as follows:

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

Coding:
<html>

<head>

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

</head>

<body>

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

<tr>

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

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

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

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

</tr>

<tr align="center">

<td>Internal</td>

<td>External</td>
<td>Total</td>

</tr>

<tr align="center">

<td>123</td>

<td>ABC</td>

<td>BBA</td>

<td>20</td>

<td>60</td>

<td>80</td>

</td>

<tr align="center">

<td>789</td>

<td>XYZ</td>

<td>BCA</td>

<td>15</td>

<td>65</td>

<td>80</td>

</tr>

</table>

</body>

</html>
Output:
Assignment-14

Question- Design tables as follows:

Insert An Image Here

Subject
Semester

POM

BM

CF

1st BE
Sem

BO

DBMS

QT & OR

2nd BE-II
Sem
PDCS-II
BB
A
Coding:
<html>

<head>

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

</head>

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

<tr>

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


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

</tr>

<tr>

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

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

</tr>

<tr>

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

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

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

</tr>

<tr>

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

</tr>

<tr>

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

<tr>

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

</tr>

<tr>

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

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

</tr>

<tr>

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

</tr>

<tr>

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

</tr>

<tr>

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

</tr>

<tr>

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

</tr>

</body

</html>
Output:
Assignment-15
Question - Design following table:

IP University Courses

Graduate Post Graduate

BBA BCA B. Tech MBA MCA M. Tech

240 120 100 200 100 80


Coding:
<html>

<head>

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

</head>

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

<tr>

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

</tr>

<tr>

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

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

</tr>

<tr>

<td>BBA</td>

<td>BCA</td>

<td>B.Tech</td>
<td>MBA</td>

<td>MCA</td>

<td>M.Tech</td

</tr>

<tr>

<td>240</td>

<td>120</td>

<td>100</td>

<td>200</td>

<td>100</td>

<td>80</td>

</tr>

</table

</body>

</html>

Output:
ASSIGNMENT 16

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

(i)

Coding:

<html>

<head>

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

</head>

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

<frame name = "1">

<frame name = "2">

</frameset>

</html>
Output:

(ii)

Coding:

<html>

<head>

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

</head>

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

<frame name = "1"


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

<frame name = "2"


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

</frameset>

Output:

(ii)(i)

Coding:

<html>

<head>

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

</title>

<body bgcolor = "orange">

<pre>

</pre>

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


</body>

</html>

Output:

(ii)(ii)

Coding:

<html>

<head>

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

</head>

<body bgcolor = "white">

<pre>

</pre>

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

</body>

</html>
Output:

(ii)(iii)

Coding:

<html>

<head>

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

</head>

<pre>

<body bgcolor = "green">

</pre>

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

</body>

</html>
Output:

(iii)

Coding:

<html>

<head>

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

</head>

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

<frame name = "1"


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

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

<frame name = "2"


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

<frame name = "3"


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

</frameset>

</frameset>

</html>

Output:

(iii)(i)

Coding:

<html>

<head>

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

<body bgcolor = "yellow">

<pre>

</pre>

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

</body>

</html>

Output:

(iii)(ii)

Coding:

<html>

<head>

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

</head>

<body bgcolor = "orange">


<pre>

</pre>

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

</body>

</html>

Output:

(iii)(iii):

Coding:

<html>

<head>

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

</head>

<body bgcolor = "white">

<pre>
</pre>

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

</body>

</html>

Output:

(iii)(iv)

Coding:

<html>

<head>

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

</head>

<body bgcolor = "green">

<pre>
</pre>

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

</body>

</html>

Output:

(iv)

Coding:

<html>

<head>

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

</head>

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

<frame name = "1">


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

<frame name = "2">

<frame name = "3">

</frameset>

</frameset>

Output:

(v)

Coding:

<html>

<head>

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

</head>

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

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


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

<frame name = "2"


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

<frame name = "3"


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

<frame name = "4"


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

<frame name = "5"


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

</frameset>

<frame name = "6"


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

</frameset>

</html>

Output:
(v)(i)

Coding:

<html>

<head>

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

<body bgcolor = "green">

<pre>

</pre>

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

</body>

</html>
Output:

(v)(ii)

Coding:

<html>

<head>

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

</head>

<body bgcolor="mehendi">

<pre>

</pre>

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

</body>

</html>
Output:

(v)(iii)

Coding:

<html>

<head>

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

</head>

<body bgcolor = "yellow">

<pre>

</pre>

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

</body>

</html>
Output:

(v)(iv)

Coding:

<html>

<head>

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

</head>

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

<pre>

</pre>

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

</html>

</body>
Output:

(v)(v)

Coding:

<html>

<head>

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

</head>

<body bgcolor = "turquoise">

<pre>

</pre>

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

</body>

</html>
Output:

(v)(vi)

Coding:

<html>

<head>

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

</head>

<body bgcolor="brown">

<pre>

</pre>

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

</body>

</html>
Output:

(vi)

Coding:

<html>

<head>

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

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

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

<frame name = "1">

<frame name = "2">

<frame name = "3">

</frameset>

<frame name = "4">

</frameset>
</html>

Output:
ASSIGNMENT 17

Design following frame:

PRODUCTS
Mobile Phone Shoes Pen Drive Shirt

Description (Product code, Name, Brand,


Image Price, Color, Discount, Offer/Scheme etc.)

Page 1

Coding

<html>

<head>

<title>Puneet 449 Assignment 17</title>

</head>

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

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

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

<frame name = "2">

<frame name = "3">

</frameset>

</frameset>

</html>
Output

Page 2

Coding

<html>

<head>

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

</head>

<body>

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

<br><br><br>

<pre>

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


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

</pre>

</body>

</html>

Output
Page 3

Coding

<html>

<head>

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

</head>

<body>

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


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

</body>

</html>

Output
Page 4

Coding

<html>

<head>

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

</head>

<body>

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

</body>

</html>

Output
Page 5

Coding

<html>

<head>

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

</head>

<body>

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


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

</body>

</html>

Output
Page 6

Coding

<html>

<head>

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

</head>

<body>

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

</body>

</html>

Output
Page 7

Coding

<html>

<head>

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

</head>

<body>

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

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

</body>

</html>

Output
Page 8

Coding

<html>

<head>

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

</head>

<body>

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

</body>

</html>

Output
Page 9

Coding

<html>

<head>

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

</head>

<body>

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

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

</body>

</html>

Output
Page 10

Coding

<html>

<head>

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

</head>

<body>

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

</body>

</html>

Output
ASSIGNMENT 18

Design following frame:

MAIN MENU Explanation


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

Page 1

Coding

<html>

<head>

<title>Puneet 449 Assignment 18</title>

</head>

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

<frame name = "1" src =


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

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

<frame name = "2">

<frame name = "3">

</frameset>

</frameset>

</html>
Output

Page 2

Coding

<html>

<head>

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

</head>

<body>

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

<pre>

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

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

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

</pre>

</html>

</body>

Output
Page 3

Coding

<html>

<head>

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

</head>

<body>

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

<pre>

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

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

The Two types are:

1) Ordered list

2) Unordered list
</pre>

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

</body>

</html>

Output

Page 4

Coding

<html>

<head>

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

</head>
<body>

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

<pre>

A table is an arrangement of information in a rectangular grid. Some tables can be complex, and
for complex tables different browsers can give different results.

When you design your document, use a table to express the relationships among the pieces of
information. Then it does not matter if different browsers present the

information in slightly different ways, because the meaning is still clear.

</pre>

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

</body>

</html>
Output:

Page 5

Coding

<html>

<head>

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

</head>

<body>

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

<pre>

In creating a Web site, frames is the use of multiple, independently controllable sections on a
Web presentation.
This effect is achieved by building each section as a separate HTML file and having one
"master" HTML file identify all of the sections.

When a user requests a Web page that uses frames, the address requested is actually that of the
"master" file that defines the frames; the result

of the request is that multiple HTML files are returned, one for each visual section.

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

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

</pre>

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

</body>

</html>

Output:
Page 6

Coding:

<html>

<head>

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

</head>

<body>

<pre>

<ul>

<li>bread</li>

<li>coffee beans</li>

<li>milk</li>

<li>butter</li>

</ul>

<ol type = "i">

<li>bread</li>

<li>coffee beans</li>

<li>milk</li>

<li>butter</li>

</ol>

</pre>

</body>

</html>
Output:

Page 7

Coding

<html>

<head>

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

</head>

<body>

<table border = "3">

<tr>

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

<td>college</td>

</tr>

<tr>
<td>student</td>

</tr>

</table>

</body>

</html>

Output

Page 8

Coding

<html>

<head>

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

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

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

<frame name = "1">


<frame name = "2">

<frame name = "3">

</frameset>

<frame name = "4">

</frameset>

</html>

Output
ASSIGNMENT 19

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

BBA BCA

Description Description

MBA MCA

Description Description

Page 1

Coding

<html>

<head>

<title>Puneet 449 Assignment 19</title>

</head>

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

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

<frame name = "1" src =


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

<frame name = "2" src =


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

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

<frame name = "3" src =


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

<frame name = "4" src =


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

</frameset>

</frameset>

</html>

Output

Page 2

Coding

<html>

<head>

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

<body bgcolor = "orange">

<pre>

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

</pre>

</body>

Output

Page 3

Coding

<html>

<head>

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

<body bgcolor = "orange">

<pre><h3>

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


and business administration.

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

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

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

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

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

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


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

</h3></pre>

</body>

</html>

Output
Page 4

Coding

<html>

<head>

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

</head>

<body bgcolor = "turquoise">

<pre>

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

</pre>

</body>

</html>
Output:

Page 5

Coding

<html>

<head>

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

</head>

<body bgcolor = "turquoise">

<pre><h3>

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


computer applications/computer science.

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

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

</h3>

</pre>

</html>

Output

Page 6

Coding

<html>

<head>

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

</head>

<body bgcolor = "sky blue">


<pre>

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

</pre>

</html>

Output

Page 7

Coding

<html>

<head>

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

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

<pre><h3>

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


administration (management).

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

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

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


management analysis and strategy.

</h3></pre>

</body>

</html>

Output
Page 8

Coding

<html>

<head>

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

</head>

<body bgcolor = "fire">

<pre>

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

</pre>

</body>

</html>

Output
Page 9

Coding

<html>

<head>

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

</head>

<body bgcolor = "fire">

<pre><h3>

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

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

BCA qualified students more preferably opt for this course. MCA is considered equivalent to
engineering.

MCA graduates are same as software engineers. MCA course is very popular after Computer
Science in engineering.

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

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

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

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

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

</h3></pre>

</body>

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

Telnet Searching Techniques

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

Coding:

Coding for Main Frame:

<html>

<head>

<title>

Puneet 449 Assignment - 20

</title>

</head>

<body>

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


border = "0">

<map name = "map1">

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


href="file:///C:/Users/Dell/Desktop/interanet.html">

<area shape = "rect" coords = "1144,121,687,301"


href="file:///C:/Users/Dell/Desktop/image-map.html">

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


href="file:///C:/Users/Dell/Desktop/Telenet.html">
<area shape = "rect" coords = "1143,488,687,301"
href="file:///C:/Users/Dell/Desktop/Searching%20Technique.html">

</map>

</body>

</html>
Coding for Internet, Intranet and Extranet:

<HTML>

<HEAD>

<TITLE>

Puneet 449 Assignment - 20

</TITLE>

<BODY>

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


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

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

</PRE>

</BODY>

</HTML>

Coding for Image Map:

<HTML>

<HEAD>

<TITLE>

Puneet 449 Assignment - 20


</TITLE>

<BODY>

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

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

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

</PRE>

</BODY>

</HTML>

Coding for Telnet:

<HTML>

<HEAD>

<TITLE>

Puneet 449 Assignment - 20

</TITLE>

<BODY>

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

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

</PRE>

</BODY>

</HTML>
Coding for Searching Techniques:

<HTML>

<HEAD>

<TITLE>

Puneet 449 Assignment-20

</TITLE>

<BODY>

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


technique which can increase the relevance of your results.

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

</PRE>

</BODY>

</HTML>
Output:

Output for Main Frame:

Output for Internet, Intranet and Extranet:


Output for Searching Techniques:
Assignment – 21

Question: Make an image map as follows:

Link each page to their respective details. E.g. If user clicks on


fruits the new webpage opened should have a list of five fruit
names.

ll the web pages should be designed with proper background color,


images, font styles and headings.

Coding:

Coding for Main Page:

<html>

<head>

<title> suplexcity 44024401716 </title>

</head>

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

<map name="suplexcity">

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

<area shape="poly" coords="926,87,1047,186,927,284,805,186"


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

<area shape="rect" coords="417,283,650,454"


href="file:///C:/Users/abc/Downloads/vegi.html">
<area shape="poly" coords="1065,297,1169,470,960,470"
href="file:///C:/Users/abc/Downloads/bir.html">

</map>

</html>

Coding for Animals:

<HTML>

<BODY>

<h1>ANIMALS</H1>

<UL>

<LI>LION</LI>

<LI>HORSE</LI>

<LI>DEER</LI>

</UL>

</BODY>

</HTML>

Coding for Fruits:

<HTML>

<BODY>

<h1>FRUITS</H1>

<UL>

<LI>MANGO</LI>

<LI>ORANGE</LI>

<LI>BANANA</LI>
</UL>

</BODY>

</HTML

Coding for Vegetables:

<HTML>

<BODY>

<H1>VEGETABLES</H1>

<UL>

<LI>POTATO</LI>

<LI>TOMATO</LI>

<LI>CARROT</LI>

</UL>

</BODY>

</HTML>

Coding for Birds:

<HTML>

<BODY>

<h1>BIRDS</H1>

<UL>

<LI>PARROT</LI>

<LI>PEACOCK</LI>

<LI>SPARROW</LI>

</UL>
</BODY>

</HTML>

Output:

Output for Main Page:


Output for Animals:
Output for Fruits:
Output for Vegetables:
Output for Birds:
Assignment – 22

Question: Design following HTML form:

Coding:

Coding for Main Page:

<html>

<body>

<form>

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

Name

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

E-Email ID

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

Designation

<select name="designation".

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

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

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

</select><br><br>

Specialization

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

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


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

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

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

</form>

</body>

</html>

Coding for Page 2:


<html>

<head>

<title>

Ashish Singh Rawat 44024401716 Assignment-22

</title>

</head>

<body>

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

</body>

</html>
Output for Main Page:
Output for Page 2:
Assignment – 23

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

Coding:

Coding for Main Page:

<html>

<body>

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

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

<center>

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

<tr>

<td>Email Address:</td>

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

</tr>

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

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

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

</td>

</tr>

<tr>

<td>

Occupation:

</td>

<td>

<select name="designation">

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

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

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

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

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

</select>

<tr>

<td>

Want us to send you junk mail:

</td>

<td>

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


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

</td>

</tr>

<tr>

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

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

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

</td>

</tr>

</form>

</body>

</html>

Coding for Page 2:

<html>

<head>

<title>

Ashish Singh Rawat 44024401716 Assignment-23

</title>

</head>

<body>

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

</body>

</html>
Output:

Output for Main Page:


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

Coding:
<html>

<body>

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

</p>

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

</h1>

</body>

</html>

Output:
Assignment – 25

Question: Create a web page to implement Internal Style Sheet.


Coding:

<html>

<head>

<style> p{color:blue}

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

face:Algerian; font-style:italic; color:blue}

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

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


#p3{font-face:Jokerman; font-style:bold; color:pink}

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

</style>

</head>

<body>

<h1>Heading 1</h1>

<h2>Heading 2</h2>

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

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

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


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

</body>

</html>

Output:
Assignment – 26

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

Coding:

Coding for HTML File:

<html>

<head>

<link type="text/css">

<rel="stylesheet">

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

</head>

<body>

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

</body>

</html>

Coding for CSS File:

<style>

p{color:orange;font style:Italic}

h1{color:pink}

h2{color:yellow}

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

</style>
Output:
Assignment – 27

Question: Create a web page using Microsoft front page.

Coding:
<html>

<head>

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

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

<title>Name</title>

</head>

<body>

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

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


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

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

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

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

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

<option>IITM</option>

<option>IINTM</option>

<option>SURAJMAL</option>

</select></p>

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


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

<p>&nbsp;</p>

<p>&nbsp;</p>
<p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset"
name="B2"></p>

</form>

</body>

</html>

Output:

Vous aimerez peut-être aussi