Scribd
Upload
224 views

1-27 Ca File

The document contains coding for an HTML tutorial website with multiple pages. The home page includes a moving header and hyperlinks to 5 other pages. Page 1 discusses HTML formatting tags like headings, bold, italics and underline. It includes examples of each tag and a horizontal line between each section. Page 2 covers font styles, images and includes descriptions and examples. Page 3 explains internal and external hyperlinks. Page 4 discusses the marquee tag and how to make text and images scroll automatically. Each page includes a link to return to the home page.

Uploaded by

TANYA
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
224 views

1-27 Ca File

The document contains coding for an HTML tutorial website with multiple pages. The home page includes a moving header and hyperlinks to 5 other pages. Page 1 discusses HTML formatting tags like headings, bold, italics and underline. It includes examples of each tag and a horizontal line between each section. Page 2 covers font styles, images and includes descriptions and examples. Page 3 explains internal and external hyperlinks. Page 4 discusses the marquee tag and how to make text and images scroll automatically. Each page includes a link to return to the home page.

Uploaded by

TANYA
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 108

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: [email protected]

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

You might also like