E-Commerce File

LAB PRACTICAL FILE E-COMMERCE
GURU GOBIND SINGH UNIVERSITY

NEW DELHI
E-COMMERCE FILE ON
HTML
(BBA-112)
SESSION: 2021-2024
SUBMITTED AT
DELHI SCHOOL OF PROFESSIONAL STUDIES AND RESEARCH
ROHINI, NEW DELHI-85
[AFFILIATED TO GGSIPU - NEW DELHI]
SUBMITTED BY SUBMITTED TO
UJJAWAL MISHRA MS SHEETAL
(BBA 2A) (ASSISTANT PROFESSOR)
ENROLLMENT NO:
00321701721
CERTIFICATE
1|Page
This is to certify that the project titled “E-COMMERCE-

LAB” is an academic work done by UJJAWAL MISHRA
submitted in the partial fulfillment of the requirement for the
award of the degree of bachelor of business administration
At DELHI SCHOOL OF PROFESSIONAL STUDIES AND
RESEARCH, NEW DELHI under my guidance and
direction.
UJJAWAL MISHRA has given an undertaking that the
information presented in the project has not been submitted
earlier.
MS SHEETAL
ASSISTANT PROFESSOR DSPSR
DECLARATION
2|Page
I take this opportunity to express my profound gratitude and

deep regrade to my ASST.PROFESSOR MS SHEETAL for her
exemplary guidance, monitoring, and constant
encouragement thought-out the course of this project. The
blessing, help, and guidance given by her from time to time
shall carry me a long way in the journey of life on which I am
about to embark.
Last but not least, my sincere thanks to my parents and
friends for their wholehearted support and encouragement.
I also hereby declare that the project work entitled “E-
COMMERCE- LAB “under the Guidance of MS SHEETAL is my
original work and it has not been submitted earlier to any
other university or institution
UJJAWAL MISHRA
BBA CLASS
2A
3|Page
INDEX
S.NO CONTENT PG.NO T.SIGN
1 ACTIVITY-1(implement the 5 to 7
HTML code using)
2 ACTIVITY-2( implement 8 to 9
different attributes for tags)
unordered list and ordered
list (use nesting))
table)
5 ACTIVITY-5 (implement local 16 to 18
links )
6 ACTIVITY-6(implement 19 to 20
internal links)
7 ACTIVITY-7( external links) 21 to 22
8 ACTIVITY-8( insert para B/w 23 to 24
two imgs
9 ACTIVITY-9 ( frames) 25 to 26
10 ACTIVITY-10 (make online 27 to 31
registration form
11 ACTIVITY-11(implement 32 to 33
inline style sheets)
12 ACTIVITY-12( embedding 34 to 35
style sheet)
13 ACTIVITY-13(inline style 36 to 37
sheet)
4|Page
Question:-1
Implement the HTML code using:
a)Paragraph
b)Heading tag(from h1-h6)
c)BlockQuote
d)Address
e)Pre Formatted Text
f)Div
Solution:-
<html>
<head>
<TITLE>HTML TAGES</TITLE></HEAD>
<BODY text="GIGI" SIZE="16">
<h1> This's the my first html assigment, In which i use different tags</h1>
<p> Breif introduction of stocks</p>
<p> Stocks </p>
<blockquotes> Stocks are a type of equity security, and they represent ownership.</blockquotes>

<p> it's show the ownership of a fraction of a corporation</p>

<Address>The stock hold by my,(IOCL , BSE, TATA POWER ,COAL)</address>
<pre> S
5|Page
T </pre> 
<div><p> This time company deals for so much loss and last in few months ,company and stock
holder bear loss so much</p></div>

<p> My portfolio is also bear so much down (20%)</p>
<h1>Get dividend</h1>
<h2> Also bear losess</h2>
</body>
</html>
6|Page
7|Page
Question:-2
Implement Different Attributes for tags:
a)Font
b)Body
c)Horizontal Line
Solution:-
<html>
<head>
<title>Atributes</title>
</head>
<body BGCOLOR="#FAAFBA" TEXT="BLACK"size="16" >
<p><font face="arial"> • A stock is a form of security that indicates that hlder had
proportionate ownership in the issuing corporation.</p></font>
<p><font face="arial"> • Corporation issue (sell) stock to raise funds to operate their
businesses.There are two main types of stock:common and preferred.</p></font>
<font face="gigi"font color="red"size="12">Stock Market</font>
<h1> <font face="gigi">Current market situation </h1><hr></font>
<ol><font face="arial"

<li>INDIAN STOCK MRKET</li>
<li>FOREX MARKET</li>
<li>BINARY</li>

</ol><hr></font>
</body>
</html>
8|Page
9|Page
Question:-3
Implement Unordered List and Ordered List(use nesting)
List should be implemented as:
.(circle)Unordered List
1.ordered list
2.ordered list
3.ordered list
.(Disc)Unordered List
d.ordered list
e.ordered list
f.ordered list
.(sqaure)Unordered List
i. ordered list
ii. ordered list
iii.ordered list
Solution:-
<html>
<head>COMPANIES </head>
<title>STOCKS LISTS</title>
<Body BGCOLOR="#FAABFA" text="GIGI">
<h1>BLUE CHIP COMPANY'S</h1> <hr style="width:50%:hight:50%:text align:left:margin:left:0">
<ul type="circle"> 
<LI>COMPANY
<ol type="1">
<LI>State bank of india</l1>
10 | P a g e
<LI>Bharti Airtel</l2>
<LI>Tata consultancy services</l3>
<LI>Coal India</l4>
</ol></ul>
<h2>LISTS OF COMAPNIES , OWEND BY TATA</h2> <hr style="width:50%:hight:50%:text

align:left:margin:left:0">
<ul type="disc"> 
<LI>COMPANY
<ol type="a", start="4">
<LI>Tata Steel</l1>
<LI>Tata Motor</l2>
<LI>Tata Chemicals</l3>
<LI>Tata Power</l4>
</ol></ul>
<h3>LISTS OF GOVERNMENT COMPANY</h3> <hr style="width:50%:hight:50%:text

align:left:margin:left:0">
<ul type="square"> 
<LI>COMPANY
<ol type="I">
<LI> BEML LTD.</l1>
<LI> BHARAT DYNAMICS LTD.</l2>
<LI> GAIL</l3>
</ol></ul>
</body>
</html>
11 | P a g e
12 | P a g e
Question:-4
Implement Table using :
(cellspacing,cellpadding,rowspan,colspan,border,align,valign,bgcolor,backgrou
nd):
Table
Example
BBA SECOND SEMESTER e-COMMERCE Practical File
Tags Attributes empty/ output(y/
S.no
Implemented used container tag n)
face y
1 font size Container tag y
align y
border y
2 table rowspan Container tag y
colspan y
Solution:-
<HTML>
<HEAD>
<TITLE>Time-Table</TITLE>
</HEAD>
<BODY>
<TABLE BORDER="2" CELLSPACING="2" CELLPADING="2">


<CAPTION>TABLE-Table</CAPTION>
<TR>
<TH ALIGN="CENTER" COLSPAN="5">BBA SECOND SEMESTER E-COMMERCE Practical File</TH>


</TR>
<TR>
<TD>S.No.</TD> 
13 | P a g e
<TD>TAGS IMPLEMENTED</TD>
<TD>ATTRIBUTES USED</TD>
<TD>EMPTY/CONTAINER TAG</TD>
<TD>OUTPUT(Y/N)</TD>
</TR>
<TR>
<TD ROWSPAN="3">1</TD> 
<TD ROWSPAN="3">FONT</TD>
<TD>FACE</TD>
<TD ROWSPAN="3">CONTAINER TAG</TD>
<TD></TD>
</TR>
<TR>
<TD>SIZE</TD>
<TD>Y</TD>
</TR>
<TR>
<TD>ALIGN</TD>
<TD>Y</TD>
</TR>
<TR>
<TD ROWSPAN="3">2</TD>
<TD ROWSPAN="3">TABLE</TD>
<TD>BORDER</TD>
<TD ROWSPAN="3">CONTAINER TAG</TD>
<TD>Y</TD>
</TR>
<TR>
<TD>ROWSPAN</TD>
<TD>Y</TD>
</TR>
14 | P a g e
<TR>
<TD>COLSPAN</TD> 
<TD>Y</TD>
</TR>
</TABLE>
</BODY>
</HTML>
15 | P a g e
Question:-5
Implement Local Link.
Solution:-
<html>
<head>
<title>LOCAL COMPANIES</title>
</head>
<body bgcolor="#FAAFBA" text="white" FONT="gigi">
<font color="black">TEXTILE COMPANIES</font>
<A herf="www.google.com">TEXTILES</a> 
<A href= "https://www.google.com/doodles"</a>
</ol>
</body>
</html>
<html>
<head>
<title> TEXTILES</title>
</head>
<body bgcolor="#FAAFBA">
16 | P a g e
<h1> LOGO </h1>
<img src="a.jpg";width="400" height="275"> 
<img src="b.jfif";width="400" height="275">
<img src="c.png";width="400" height="275">
</body>
</html>
17 | P a g e
18 | P a g e
Question:-6
Implement Internal Link.
Solution:-
<html>
<head><title>INTERNAL LINK</title>
</head>
<body bgcolor="#FAAFBA">
<A name="IN">INDEX</A><br> 
<A href="#c1">CHAPTER 1 TRADING</A><br> 
<A href="#c2">CHAPTER 2 OPTIONS</A><br>
<A href="#c3">CHAPTER 3 STRATEGIES</A><br>
<font color="black"size="16"> 
<A name="c1">CHAPTER 1 TRADING</A><br></font>
<p>1 a : the business or work in which one engages regularly. <br> b : an occupation requiring
manual or mechanical skill.<br> c : the persons engaged in an occupation.<br> 2 : the
business of buying and selling or bartering commodities. <br>3 : an act or instance of trading also
an exchange of property usually without use of money.</p>
<br><br><br><br><br><br><br><br>
<font color="brown" size="16">
<A name="c2">CHAPTER 2 OPTIONS</A><br></font>
<p>Options trading allows you to buy or sell stocks, ETFs etc. at a specific price within a specific
date.This type of trading also gives buyers the flexibility to not buy the security at the specified
price or date</p>
<br><br><br><br><br><br><br><br> 
<font color="black" size="16">
<A name="c3">CHAPTER 3 STRATEGIES</A><br></font> 
<p>A trading strategy is a systematic methodology used for buying and selling in the securities
markets.A trading strategy is based on predefined rules and criteria used when
19 | P a g e
making trading decisions. A trading strategy may be simple or complex, and involve considerations
such as investment style </p>
<br><br><br><br><br><br><br><br> 
<A href="#IN">INDEX</A>
</body>
<html>
20 | P a g e
Question:-7
Implement External Link.
Solution:-
<html>
<head>
<title>INSTAGRAM</title>
</head>
<body bgcolor="black" text="white" size="16">
<p>Social application where you meet with new people</p> 
<p>Launche date ;october6,2010</p>
<p>Owned by Kevin Systrom,but now Owned by Facebook Meta</p>
<p>It's available in 32 language</p>
<p>It get licence from Proprietary Software with Term of Use</p>
<A href="https://www.instagram.com/little___.___boy/">INSTAGRAM </A> 
<img src="instagram.jfif" Align="bottom center" width="100" hight="100"> 
</body>
</html>
21 | P a g e
22 | P a g e
Question:-8
Insert paragraph between two Images.
Solution:-
<html>
<head>
<title> PUT/INSERT IMAGE</title>
</head>
<body bgcolor="#FAAFBA" text="gigi" size="16">
<img src="thor.jpg" hight="200" width="300">
<p>Thor Odinson is the Asgardian God of Thunder, the former king of Asgard and New Asgard, and
a founding member of the Avengers. When his irresponsible and impetuous behavior
reignited a conflict between Asgard and Jotunheim, Thor was denied the right to become king,
stripped of his power, and banished to Earth by Odin.</p>
<img src="thor.jpg" hight="200" width="300"> 
<p>THOR ODIN SON </p> 
</body>
</html>
23 | P a g e
24 | P a g e
Question:-9
Implement Frames:
frame 1 frame 2
frame 3
frame 5
frame 4
frame 6
Solution:-
<HTML>
<HEAD>
<TITLE>IMPLEMENTATION OF FRAMES</TITLE>
</HEAD>
<FRAMESET ROWS=",*,*"> 
<FRAMESET COLS="*,*">
<FRAME SRC="frame1.html">
</FRAMESET>
<FRAMESET COLS="*,*"> 
<FRAMESET ROWS="*,*">
<FRAME SRC="frame5.html"> 
</FRAMESET>
</FRAMESET>
</FRAMESET>
</HTML>
25 | P a g e
26 | P a g e
Question:-10
Make Online registration form.
Solution:-
<html>
<body>
<form>
<b><u> Registration Form:</u>
<br>
<b><font face="Times New Roman" size=2> First Name: </B>


<input type="TEXT" NAME=Fname required>(Enter your first name)<br>


<b><font face="Times New Roman" size=2> Last Name:</b>


<input type=" TEXT" Name=Lname>(Enter your Last Name)<br>
<b><font face="Times New Roman" size=2>Login name</b>
<input type="TEXT" name=Uname >(Enter the your login name you want here)<br>
<b><Font face="Times New Roman" size=2>password:</b>
<input type="Password" Nmae=pwd>(type the password, it will show in,****)
<br>
<b><Font face="Times New Roman" size=2> retype your password:</b>
<Input type="password" name=rpwd>(retype your password to make sure your remember it,
and that it has not been typed incorrectly)<br>
<B>E-mail:</b>
<input type="email" size=30>(Enter a valid e-mail address)<br>
<b>Date of birth:
DAY
<select>
27 | P a g e
<option>1</option><option>2</option><option>3</option><option>4</option><option>5</
option><option>6</option><option>7</option><option>8</option><option>9</
option><option>30</option><option>31</option>
</select>

MONTH
<select>
<option>JAN</option>

<option>FEB</option>
<option>MARCH</option>
<option>APRIL</option>
<option>MAY</option>
<option>JUNE</option>
<option>JULY</option>
<option>AUGUST</option>
<option>SEPTEMBER</option>
<option>OCTOBER</option>
<option>NOVEMBER</option>
<option>DECEMBER</option>
</select>
yera
<select>
<option>1990</option>
28 | P a g e
</select><br>
<br>
<br>
Your Hobbies:
29 | P a g e
<br><input type="checkbox">MUSIC 
<br>
<input type="checkbox">computer
<br>
<input type="checkbox">Sports
<br>
<input type="checkbox">Mobile Phone
<br>
<input type="checkbox">Games
<br>
<input type="checkbox" checked>Air conditioner</1><br>
You would like to receive article in your gemail account inbox:
<input type="Radio">yes 
<input type="Radio">no
<br>
<input type="Button" Value="submit"> 
<input type="Button" Value="reset">
</form>
</body>
</html>
30 | P a g e
31 | P a g e
Question:-11
Implement Inline style sheets.
Solution:-
<HTML>
<HEAD>
<TITLE>INLINE STYL SHEET</TITLE>
</HEAD>
<BODY BGCOLOR="#FAAFBA">
<h1 STYLE="FONT-FAMILY:MONOTYPE CORSIVA;FONT SIZE:16PX;COLOR:RED;"> E-COMMERCE is

very hard subject</h1>
<h2 STYLE="FONT-FAMILY:MONOTYPE CORSIVA;FONT SIZE:16PX;COLOR:BLACK;">what's E-

commerce?<BR>
E-commerce (electronic commerce) is the buying and selling of goods and services, or the
transmitting of funds or data, over an electronic network, primarily the internet. These business
transactions occur either as business-to-business (B2B), business-to-consumer (B2C), consumer-to-
consumer or consumer-to-business.</H2>
<h1 STYLE="FONT-FAMILY:MONOTYPE CORSIVA;FONT SIZE:16PX;COLOR:WHITE;">What are the 3

types of e-commerce?<br>
<p>There are three main types of e-commerce: business-to-business (websites such as Shopify),
business-to-consumer (websites such as Amazon), and consumer-to-consumer (websites such as
eBay).
</H1>
</body>
</html>
32 | P a g e
33 | P a g e
Question:-12
Implement Embedding style sheets.
Solution:-
<html>
<head>
<title>INTERNAL STYLE SHEET</title>
<STYLE TYPE="TEXT/CSS">
h1{FONT-FACE:MONOTYPE CORSIVA;FONT SIZE:16PX;COLOR:RED;}
</STYLE>
</HEAD>
<BODY BGCOLOR="#FAAFBA">
<H1 style="FONT-FAMILY:MONOTYPE CORSIVA;FONTSIZE:15PX;COLOR:RED;">Inline style is useful

when we need to define specific for individual elements</H1><BR>
<H2 style="FONT-FAMILY:MONOTYPE CORSIVA;FONTSIZE:15PX;COLOR:BLACK;">On a web page,The

style attribute in a specific tag or element,<br>
is used to create inline style. The style attribute can contain any CSS property between double
quotes.</H2>
</BODY>
</html>
34 | P a g e
35 | P a g e
Question:-13
Implement External Style sheets.
Solution:-
<html>
<head>
<title>EXTERNALCSS</title>
<link rel="stylesheet" href="style.css"/>
</head>
<body BGCOLOR="BLACK">
<h1>EXTERNAL CSS</h1>
<p>External CSS
An external style sheet is a separate CSS file that can be accessed by creating a link within the head
section of the webpage. Multiple web pages can use the same link to access the stylesheet. The link
to an external style sheet is placed within the head section of the page.<br>
What are
external and internal CSS?<BR>
Inline CSS allows you to add styles to specific HTML elements. The internal CSS stylesheet allows
you to include CSS code in (head)section of a markup document. External stylesheet works by
linking a . css file, containing all the CSS rules, to an HTML document</p>
<h1>EXTERNAL CSS</h1>
<p>What is external style sheet?<BR>
An external style sheet is a separate CSS file that can be accessed by creating a link within the head
section of the webpage.</p>
</body>
<html>
36 | P a g e
STYLE .CSS
p {font-family:monotype corsiva;fontsize:16px;color:WHITE;}
h1{color:red; font size:20px; text align:middle;text-decoration:underline;}
37 | P a g e

E-Commerce File

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

E-Commerce File

Uploaded by

Copyright:

Available Formats

LAB PRACTICAL FILE E-COMMERCE

GURU GOBIND SINGH UNIVERSITY

This is to certify that the project titled “E-COMMERCE-

I take this opportunity to express my profound gratitude and

<BODY text="GIGI" SIZE="16">

<p> Breif introduction of stocks</p>

<p> Stocks </p>

<p> it's show the ownership of a fraction of a corporation</p>

<Address>The stock hold by my,(IOCL , BSE, TATA POWER ,COAL)</address>

T </pre>

<p> My portfolio is also bear so much down (20%)</p>

<h2> Also bear losess</h2>

<body BGCOLOR="#FAAFBA" TEXT="BLACK"size="16" >

<font face="gigi"font color="red"size="12">Stock Market</font>

<h1> <font face="gigi">Current market situation </h1><hr></font>

<li>INDIAN STOCK MRKET</li>

<Body BGCOLOR="#FAABFA" text="GIGI">

<h1>BLUE CHIP COMPANY'S</h1> <hr style="width:50%:hight:50%:text align:left:margin:left:0">

<LI>State bank of india</l1>

<LI>Tata consultancy services</l3>

<h2>LISTS OF COMAPNIES , OWEND BY TATA</h2> <hr style="width:50%:hight:50%:text

<ol type="a", start="4">

<h3>LISTS OF GOVERNMENT COMPANY</h3> <hr style="width:50%:hight:50%:text

<LI> BEML LTD.</l1>

<LI> BHARAT DYNAMICS LTD.</l2>

<TABLE BORDER="2" CELLSPACING="2" CELLPADING="2">

<TH ALIGN="CENTER" COLSPAN="5">BBA SECOND SEMESTER E-COMMERCE Practical File</TH>

<TD>S.No.</TD>

<TD ROWSPAN="3">1</TD>

<TD ROWSPAN="3">CONTAINER TAG</TD>

<TD ROWSPAN="3">CONTAINER TAG</TD>

<TD>COLSPAN</TD>

<body bgcolor="#FAAFBA" text="white" FONT="gigi">

<font color="black">TEXTILE COMPANIES</font>

<A herf="www.google.com">TEXTILES</a>

<A href= "https://www.google.com/doodles"</a>

<h1> LOGO </h1>

<img src="a.jpg";width="400" height="275">

<img src="b.jfif";width="400" height="275">

<img src="c.png";width="400" height="275">

<A name="IN">INDEX</A><br>

<A href="#c1">CHAPTER 1 TRADING</A><br>

<A href="#c2">CHAPTER 2 OPTIONS</A><br>

<A href="#c3">CHAPTER 3 STRATEGIES</A><br>

<font color="black"size="16">

<A name="c1">CHAPTER 1 TRADING</A><br></font>

<font color="brown" size="16">

<A name="c2">CHAPTER 2 OPTIONS</A><br></font>

<br><br><br><br><br><br><br><br>

<font color="black" size="16">

<A name="c3">CHAPTER 3 STRATEGIES</A><br></font>

<br><br><br><br><br><br><br><br>

<body bgcolor="black" text="white" size="16">

<p>Launche date ;october6,2010</p>

<p>Owned by Kevin Systrom,but now Owned by Facebook Meta</p>

<p>It's available in 32 language</p>

<p>It get licence from Proprietary Software with Term of Use</p>

<A href="https://www.instagram.com/little_._boy/">INSTAGRAM </A> <!--A href tag use

<FRAMESET ROWS=",,">

<FRAMESET COLS=",">