ASSIGNMEN

T ON
E-COMMERCE

GURU GOBIND SINGH INDRAPRASTHA

UNIVERSITY
In partial fulfillment of the requirement for the award of the degree

of BACHELOR OF BUSINESS ADMINISTRATION

BATCH- 2021-2024

SUBMITTED BY: SUBMITTED TO:

SAURAV BINJOLA Dr. RAKHI

UNIVERSITY ROLL NO AS1T. PROFFESOR

:-00950601721

NEW DELHI INSTITUTE OF

MANAGEMENT 61A, TUGHLAKABAD, NEW
DELHI-62

SAURAV BINJOLA 02150601721 2NDSEM

SAURAV BINJOLA 02150601721 2NDSEM
 CERTIFICATE

This is to certify that the assignment titled “E-COMMERCE ” submitted by

ANUBHAV GUPTA to New Delhi Institute of Management, Guru Gobind
Singh Indraprastha University in partial fulfilment of requirement for the award
of the Bachelor of Business Administration degree is an original piece of
work carried out under my guidance and may be submitted for evaluation. The
assistance rendered during the study has been duly acknowledged. No part of
this work has been submitted for any other degree.

Place: New Delhi Faculty Guide:

Dr. Rakhi
Date:

SAURAV BINJOLA 02150601721 2NDSEM

 3
ACKNOWLEDGEMENT

Any accomplishment requires the effort of many people, and this work is not
different. Regardless of the source, I wish to express my gratitude to those who
may have contributed to this work, even though anonymously.

First, I would like to express my deepest sense of gratitude to NEW DELHI

INSTITUTE OF MANAGEMENT for providing me with an opportunity for
this practical work.

I would like to pay my sincere thanks to my practical guide, Dr. Rakhi

under whose guidance I was able to complete my practical successfully. I
have been fortunate enough to get all the support, encouragement and
guidance from him needed to explore, think new and initiate.

My final thank goes out to my parents, family members, teachers and friends
who encouraged me countless times to persevere through this entire process.

Shubham

SAURAV BINJOLA 02150601721 2NDSEM

 INDEX

S.no. Topic Teacher’s

Sign.
I. Introduction of HTML with basic tag
Explain Frame, form , with syntax
1. HTML code to change the Font Color and size of Text in
webpage.

2. HTML code to demonstrate:

A) Ordered List.
B) Unordered list.
C) Nested List.
3. HTML code to insert an image in the webpage, also write
some brief about the image.
4. HTML code to design tables with different styles.
Row span & Column span
5. Explain Anchor Tag with HTML Program

6. HTML code to design an online reservation form

7. HTML code to design Personal Profile.

8. HTML code to design a webpage for insurance company

9. HTML code to design an online shopping form.

10. HTML code to design a homepage of a “FOOD CORNER”.

11. Design a static website

SAURAV BINJOLA 02150601721 2NDSEM

 # HTML Introduction
HTML stands for Hyper Text Markup Language. It is used to design web pages
using a markup language. HTML is the combination of Hypertext and Markup
language. Hypertext defines the link between the web pages. A markup language is
used to define the text document within tag which defines the structure of web
pages. This language is used to annotate (make notes for the computer) text so that a
machine can understand it and manipulate text accordingly. Most markup languages
(e.g. HTML) are human-readable. The language uses tags to define what
manipulation has to be done on the text. 
HTML is a markup language used by the browser to manipulate text, images, and
other content, in order to display it in the required format. HTML was created by
Tim Berners-Lee in 1991. The first-ever version of HTML was HTML 1.0, but the
first standard version was HTML 2.0, published in 1995.

# Elements and Tags: HTML uses predefined tags and elements which tell the

browser how to properly display the content. Remember to include closing tags. If
omitted, the browser applies the effect of the opening tag until the end of the page.

# HTML page structure: The basic structure of an HTML page is laid out below. It
contains the essential building-block elements (i.e. doctype declaration, HTML,
head, title, and body elements) upon which all web pages are created.

SAURAV BINJOLA 02150601721 2NDSEM

 <DOCTYPE! html>: This is the document type declaration (not technically a tag).
It declares a document as being an HTML document. The Doctype declaration is not
case-sensitive.
<html>: This is called the HTML root element. All other elements are contained
within it.
<head>: The head tag contains the “behind the scenes” elements for a webpage.
Elements within the head aren’t visible on the front-end of a webpage. HTML
elements used inside the <head> element include: 
 <Style>

 <Title>

 <Base>

 <No script>

 <Script>

 <Meta>

 <Link>

<body>: The body tag is used to enclose all the visible content of a webpage. In
other words, the body content is what the browser will show on the front-end.
An HTML document can be created using any text editor. Save the text file
using .html or .htm. Once saved as an HTML document, the file can be opened as a
webpage in the browser.
Note: Basic/built-in text editors are Notepad (Windows) and TextEdit (Macs). Basic
text editors are entirely sufficient for when you’re just getting started. As you
progress, there are many feature-rich text editors available which allow for greater
function and flexibility.
SAURAV BINJOLA 02150601721 2NDSEM
 Example: This example illustrates the basic structure of HTML code. 

<!DOCTYPE html>
<html>
<head>
    <title>Demo Web Page</title>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
      
<p>A computer science portal for geeks</p>
  
</body>
</html>

#OUTPUT

#Features of HTML: 
 It is easy to learn and easy to use.
 It is platform-independent.
 Images, videos, and audio can be added to a web page.
 Hypertext can be added to the text.
 It is a markup language.
#Why learn HTML? 
 It is a simple markup language. Its implementation is easy.
 It is used to create a website.
 Helps in developing fundamentals about web programming.
 Boost professional career.
#Advantages: 
 HTML is used to build websites.
 It is supported by all browsers.
 It can be integrated with other languages like CSS, JavaScript, etc.
#Disadvantages: 

SAURAV BINJOLA 02150601721 2NDSEM

  HTML can only create static web pages. For dynamic web pages, other languages
have to be used.
 A large amount of code has to be written to create a simple web page.
 The security feature is not good.
.

HTML <frame> tag

HTML <frame> tag define the particular area within an HTML file where another
HTML web page can be displayed.

A <frame> tag is used with <frameset>, and it divides a webpage into multiple
sections or frames, and each frame can contain different web pages.

Syntax:
<frame src = “URL”>
Display Block
Start Tag / End Tag Start tag(required), End tag(forbidden)
Usage Frames

Example 1:
Create Vertical Frames:
<! DOCTYPE html>
<html>
<head>
<title> frame tag </title>
</head>
<frameset cols = “25%,50%,25%”>
<frame src =”frame 1.html”>
<frame src = frame 2.html”>
<frame src=”frame 3.html”>
</frameset>
</html>
# OUTPUT:
+

SAURAV BINJOLA 02150601721 2NDSEM

 HTML code to change the Font Colour and size of
Text in webpage.

<HTML>
<HEAD>
<TITLE> form </TITLE>
</HEAD>
<BODY bgcolor ="yellow">
<H1><U>ABOUT WEBPAGE</U> <H1>
<center>
<textarea name= my text area column= 15 rows= 5 >
</textarea>
<BR>
<SELECT name= "Value">
<OPTION name= one value= One> One </option>
<option name= two value= Two> Two </option>
<option name= three value= Three> Three </option>
</select>
<BR>
<INPUT type= checkbox value= “1”> 1 <BR>
<INPUT type= checkbox value= “2”> 2 <BR>
<INPUT type= checkbox value= “3”> 3
<BR>
<INPUT type= check box value= “1” checked> 1 <BR>
<INPUT type= check box value= “2”> 2 <BR>
</BODY>
</HTML>

SAURAV BINJOLA 02150601721 2NDSEM

 HTML code to demonstrate:
Ordered List

HTML>
<HEAD>
<TITLE>DEMONSTRATION TO SHOW ORDER LIST
</TITLE>
</HEAD>

<BODY BGCOLOR="GREEN">
<H1 STYLE="TEXT-ALIGN: CENTER;">
<U>THE FOLLOWING HTML CODE IS TO SHOW DEMONSTRATION
OF ORDER LIST</U></H1>

<H2><B> <I>MONTHS</I></B></H2>
<OL>
<P>
<FONT SIZE="4">
<LI>JANUARY </LI>
<LI>FEBRUARY</LI>
<LI>MARCH</LI>
<LI>APRIL</LI>
<LI>MAY</LI>
<LI>JUNE</LI>
<LI>JULY</LI>
<LI>AUGUST</LI>

SAURAV BINJOLA 02150601721 2NDSEM

 <LI>SEPTEMBER</LI>
<LI>OCTOBER </LI>
</FONT>
</OL>
</HTML>
FINAL RESULT:-

Unordered List

<HTML>
<HEAD>
<TITLE>DEMONSTRATION TO SHOW UNORDERED LIST
</TITLE>
</HEAD>

<BODY BGCOLOR=”PINK">

<H2><B>NAME OF SOME FAMOUS PEOPLE</B></H2>

<UL>

SAURAV BINJOLA 02150601721 2NDSEM

 <P>
<FONT SIZE="4">
<LI>BARACK OBAMA</LI>
<LI>MAHATMA GANDHI</LI>
<LI>JAWAHARLAL NEHRU</LI>
<LI>NELSON MANDELA</LI>
<LI>ABRAHAM LINCOLN </LI>
<LI>ALBERT EINSTEIN</LI>
<LI>NICHOLAS TESLA</LI>
<LI>MARTIN LUTHER KING </LI>
<LI>SWAMI VIVEKANAND</LI>
</FONT>
</UL>
</BODY>
</HTML>

Nested List
<HTML>
<HEAD>

SAURAV BINJOLA 02150601721 2NDSEM

 <TITLE> NESTED LIST</TITLE></HEAD>
<BODY BGCOLOR="PINK ">
<ul>
<li>Blue & Green
<ul>
<li>Blue
<ul>
<li>aquamarine </li>
<li>turquoise
<ul>
<li>cyan </li>
<li>Green</li>
</ul>
</li>
</ul>
</li>
<li>Shades of Green
<ul>
<li>Clover</li>
<li>envy</li>
<li>avocado</li>
</ul>
</li
</ul>
</li>
</ul>

SAURAV BINJOLA 02150601721 2NDSEM

SAURAV BINJOLA 02150601721
2NDSEM