E-Commerce Practical File by Siddharth

GURU GOBIND SINGH INDRAPRASTHA UNIVERSITY
NEW DELHI
E- COMMERCE LAB FILE
ON
HTML
[BBA – 112]
SESSION 2021-2024
SUBMITTED AT
DELHI SCHOOL OF PROFESSIONAL STUDIES AND RESEARCH
ROHINI, NEW DELHI-110085
[ AFFILATED TO GGSIPU – NEW DELHI]
SUMITTED BY SUBMITTED TO
SIDDHARTH LINGWAL MS. SHEETAL
BBA 2B [2st semester] ASSISTANT PROFESSOR
Roll no. 10512501721

LAB PRACTICAL FILE E-COMMERCE
CERTIFICATE
This is to certify that the project titled “E-Commerce Lab” is an academic work
done by Mr. Siddharth Lingwal submitted in the partial fulfilment of the
requirements for the award of degree of Bachelor of Business Administration
At Delhi School of Professional Studies and Research New Delhi under my

guidance and direction.
Siddharth Lingwal has given an undertaking that the information presented in

the project has not been submitted earlier
Signature of faculty
Ms. Sheetal
Assistant Professor
2
DECLARATION
I take this opportunity to express my profound gratitude and deep regarded to

my Assistant Professor Ms. Sheetal for her exemplary guidance, monitoring
and constant encouragement through-out the course of this project. The
blessing, help and guidance given by her time to time shall carry me a long way
in the journey of life on which I am about to embark.
Last but not the least, my sincere thanks to my parents and friends for their
wholehearted support and encouragement. I also hereby declare that the project
work title “E-Commerce lab” under the guidance of Ms. Sheetal is my
original work and it has not been submitted earlier in any other university or
institution.
SIDDHARTH LINGWAL
BBA 2B
Roll no. 10512501721
3
INDEX
S. NO TOPIC PAGE NO. TEACHER’S SIGN.

i. Activity 1-
Implementing the HTML code
ii. Activity 2-
Implementing Different Attributes for tags
iii. Activity 3-
Implementing Unordered List and Ordered List
iv. Activity 4-
Implementing Table
v. Activity 5-
Implementing Local Link
vi. Activity 6-
Implementing Internal Link
vii. Activity 7-
Implementing External Link
viii. Activity 8-
Inserting paragraph between two Images
ix. Activity 9-
Implementing Frames
x. Activity 10-
Making Online registration form
xi. Activity 11-
Implementing Inline style sheets
xii. Activity 12-
Implementing Embedding style sheets
xiii. Activity 13-
Implementing External Style sheets
4
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
INPUT
<HTML>
<HEAD><TITLE>SELF INTRODUCTION</TITLE></HEAD>
<BODY>
<B><H1><P ALIGN=”LEFT”>NAME: -SIDDHARTH
LINGWAL</P></H1></B>
<BR>
<B><H2><P ALIGN=”LEFT”>AGE: -19</P></H2></B>
<BR>
<B><H3><DIV ALIGN=”RIGHT”>QUALIFICATION: -PURSUING
BBA FROM DELHI SCHOOL OF PROFESSIONAL STUDIES AND
RESEARCH</DIV></H3></B>
<BR>
<B><H4><BLOCKQUATE>HOBBIES:-</BLOCKQUATE></H4></B>
<B><H5><PRE>
1.) LISTENING MUSIC
2.) WATCHING NETFLIX
5
</PRE></H5></B>
<B><H6><ADDRESS> SHORT INTRODUCTION
</ADDRESS></H6></B>
</BODY>
</HTML>
6
OUTPUT:
7
QUESTION-2
Implement Different Attributes for tags: a)Font

b)Body
c)Horizontal Line
SOLUTION
INPUT:
<HTML>
<HEAD>
<TITLE>PRACTILE QUESTION 2</TITLE>
</HEAD>
<BODY BGCOLOR=”BLUE”>
<FONT SIZE=”25” COLOR=”AQUA” FACE=”ARIAL”>APPLYING
ATTRIBUTES OF BODY, ATTRIBUTES OF FONT AND
HORIZONTAL LINE</FONT>
<HR>
<FONT SIZE=”25” COLOR=”WHITE” FACE=”BOOKMAN”>OUTPUT
IS OBSERVED AFTER APPLYING</FONT>
</BODY>
</HTML>
8
OUTPUT:
9
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
.(square)Unordered List
• ordered list
• ordered list
• ordered list
USE APPROPRIATE CONTENT FOR LISTS NOT AS ABOVE.
10
SOLUTION
INPUT:
<HTML>
<HEAD><TITLE>ORDERED AND UNORDEREED
LISTS</TITLE></HEAD>
<BODY BGCOLOR="PINK">
<UL TYPE="CIRCLE"> 
<LI>VALENTINE GIFTS
<OL TYPE="1">
<LI> COCOLATE</LI>
<LI>TEDDY BEAR</LI>
<LI>ROSE</LI>
<LI>SURPRISE GIFT</LI>
</OL>
</LI>
</UL>
<UL TYPE="DISC">
<LI>ANVERSERY GIFTS
<OL TYPE="A" START="4">
<LI>PHOTO FRAME</LI>
<LI>SHAMPEEN</LI>
<LI>SURPRISE </LI>
<LI>BUCKET OF FLOWER</LI>
</OL>
</LI>
</UL>
11
<UL TYPE="SQUARE">
<LI>MARRED GIFT
<OL TYPE="i">
<LI>HOUSE</LI>
<LI>UTENSILS</LI>
<LI>SOAP</LI>
<LI>SAREES</LI>
</OL>
</LI>
</UL>
</BODY>
</HTML>
12
OUTPUT:
13
QUESTION-4
Implement Table using:

cellspacing,cellpadding,rowspan,colspan,border,align,valign,bgcolor,
background
SOLUTION
INPUT:
<HTML>
<HEAD>
<TITLE>TABLE EXAMPLE</TITLE>
<BODY>
<TABLE BORDER=”2” CELLSPACING=”2” CELLPADING=”2”>
<CAPTION>TABLE EXAMPLE</CAPTION>
<TR>
<TH ALIGN=”CENTRE” COLSPAN=”5”>BBA SECOND SEMESTER e-
COMMERCE Practical File</TH>
</TR>
<TR>
<TD>S.NO.</TD>
<TD>TAGS IMLEMENTED</TD>
<TD>ATTRIBUTES USED</TD>
<TD>EMPTY/CONTAINER</TD>
<TD>OUTPUT(Y/N)</TD>
</TR>
<TR>
<TD ROWSPAN=”3”>1</TD>
14
<TD ROWSPAN=”3”>FONT</TD>
<TD>FACE</TD>
<TD ROWSPAN=”3”>CONTAINER TAG</TD>
<TD>Y</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>
<TR>
<TD>COLSPAN</TD>
<TD>Y</TD>
15
</TR>
</TABLE>
</BODY>
</HTML>
16
OUTPUT:
17
QUESTION-5
Implement Local Link.

SOLUTION
INPUT:
<HTML>
<HEAD>
<TITLE>LOCAL LINKS</TITLE>
</HEAD>
<BODY>
<H1>STUDENTS REPRESENTED THE COLLEGE</H1>
<FONT SIZE="14" FACE="ARIAL">
<A HREF="INTERCOLLEGE QUIZ COMPETITION.HTML">CLICK
HERE</A>
</FONT>
</BODY>
</HTML>
18
OUTPUT:
1)
2) AFTER CLICKING ON THIS(CLICK HERE) WE GET:
19
QUESTION-6
Implement Internal Link.
SOLUTION
INPUT:
<HTML>
<HEAD>
<TITLE>HTML</TITLE>
</HEAD>
<BODY>
<A HREF="#TITLE TAG">TITLE TAG</A>
<A HREF="#HEADING TAG">HEADING TAG</A>
<A HREF="#BODY TAG">BODY TAG</A>
<BR>
<BR>
<BR>
<A NAME="#TITLE TAG"><FONT SIZE="20">TITLE
TAG:</FONT></A>
<OL>
<FONT SIZE="15" FACE="ALGERIAN" COLOR="LIME">
<LI>TITLE TAG IS USED TO GIVE THE TITLE TO THE
WEBPAGE</LI>
<LI>TITLE TAG CONSISTS OF (TITLE) HEADING TEXT
(/TITLE)</LI>
</FONT>
20
</OL>
<BR>
<BR>
<A NAME="#HEADING TAG"><FONT SIZE="20">HEADING
TAG:</FONT></A>
<OL>
<FONT SIZE="15" FACE="ARIAL" COLOR="LIME">
<LI>HEADING IS USED TO DIVIDE OR ALIGN HEADING TO A
WEBPAGE'S CONTENT</LI>
<LI>HEADING CODE CONSISTS OF (HEADING NO.) HEADING
TEXT (/HEADING NO.)</LI>
<LI>HEADING CODE CAN BE CHANGED FROM 1 TO 6</LI>
</FONT>
</OL>
<BR>
<BR>
<A NAME="#BODY TAG"><FONT SIZE="20">BODY TAG:</A>
<P>
<FONT SIZE="15" FACE="GEORGIA" COLOR="LIME">
<OL>
<LI>BODY CONTAINS BGCOLOR AND BACKGROUND AS IT'S
ATTRIBUTES</LI>
<LI>IT CAN BE REPLACED BY FRAMESET TAG</LI>
</OL>
</FONT>
</P>
</BODY>
</HTML>
21
OUTPUT:
22
QUESTION-7
Implement External Link.
SOLUTION
INPUT:
<HTML>
<HEAD>
<TITLE>EXTENAL LINK</TITLE>
</HEAD>
<BODY>
<H1>TO SEE THE TIME TABLE</H1>
<A
HREF="https://docs.google.com/spreadsheets/d/18uYW1sr8shI8kgN172hu
hVDf9FzffBkVKP7Of3-j75g/edit?usp=sharing">CLICK HERE</A>
</BODY>
</HTML>
23
OUTPUT:
1)
2) AFTER CLICKING ON THIS(CLICK HERE) WE GET:
24
QUESTION-8
Insert paragraph between two Images.
SOLUTION
INPUT:
<HTML>
<HEAD>
<TITLE>PUTTING PARAGRAPH BETWEEN TWO IMAGES</TITLE>
</HEAD>
<BODY>
<IMG SRC="C:\Users\SINGHAL\OneDrive\Pictures\GGSIPU
LOGO.JPG">
<P>
<FONT SIZE="15" FACE="ALGERIAN">
LOGOS OF GGS INDRAPRASTHA UNIVERSITY AND DELHI
SCHOOL OF PROFFESIONAL STUDIES AND RESEARCH (DSPSR)
DSPSR IS AFFILIETED WITH GGS INDRAPRASTHA UNIVERSITY
</FONT>
</P>
<IMG SRC="C:\Users\SINGHAL\OneDrive\Pictures\DSPSR
LOGO.JPG">
</BODY>
</HTML>
25
OUTPUT:
26
QUESTION-9
Implement Frames.
SOLUTION
INPUT:
<HTML>
<HEAD>
<TITLE>IMPLEMENTATION OF FRAMES</TITLE>
</HEAD>
<FRAMESET ROWS="*,*,*">
<FRAMESET COLS="*,*">
<FRAME SRC="C:\Users\SID\Desktop\BBA\E-COM
PRACTICAL\FRAMES\FRAME1.HTML">
<FRAME SRC="C:\Users\SID
\Desktop\BBA\E-COM PRACTICAL\FRAMES\FRAME2.HTML">
</FRAMESET>
<FRAMESET COLS="*,*">
<FRAMESET ROWS="*,*">
27
</FRAMESET>
</FRAMESET>
</FRAMESET>
</HTML>
28
OUTPUT:
29
QUESTION-10
Make Online registration form.
SOLUTION
INPUT:
<HTML>
<HEAD>
<TITLE>FORM</TITLE>
<BODY>
<FORM>
<B><U>REGISTRATION FORM</U></B>
<BR>
<B><FONT FACE="ARIAL" SIZE="2">FIRST NAME:</B>
<INPUT TYPE="TEXT" NAME="FNAME">(ENTER YOUR
FIRSTNAME)<BR>
<B><FONT FACE="ARIAL" SIZE="2">LAST NAME:</B>
<INPUT TYPE="TEXT" NAME="LNAME">(ENTER YOUR
LASTNAME)<BR>
<B><FONT FACE="ARIAL" SIZE="2">LOGIN NAME:</B>
<INPUT TYPE="TEXT" NAME="UNAME">(ENTER YOUR
LOGINNAME)<BR>
<B><FONT FACE="ARIAL" SIZE="2">PASSWORD:</B>
<INPUT TYPE="PASSWORD" NAME="PWD">(TYPE THE
PASSWORD, IT WILL BE SHOWN IN ****)<BR>
30
<B><FONT FACE="ARIAL" SIZE="2">RETYPE YOUR

PASSWORD:</B>
<INPUT TYPE="PASSWORD" NAME="RPWD">(RETYPE YOUR
PASSWORD TO MAKESURE YOU REMEMBER IT, AND THAT IT
HAS NOT BEEN TYPED INCORRECTLY)<BR>
<B>E-MAIL:</B>
<INPUT TYPE="TEXT" SIZE="30">(ENTER A VALID E-MAIL
ADDRESS)<BR>
<B>CURRENT ADRRESS :<BR>
<TEXTAREA ROW="5" COL="40"
NAME="TEXTAREA1"></TEXTAREA><BR>
<B>DATE OF BIRTH:
DAY
<SELECT>
<OPTION>1</OPTION>
<OPTION>2</OPTION>
<OPTION>3</OPTION>
<OPTION>4</OPTION>
</SELECT>
MONTH
<SELECT>
<OPTION>JAN</OPTION>
<OPTION>FEB</OPTION>
<OPTION>MAR</OPTION>
<OPTION>APR</OPTION>
</SELECT>
YEAR
<SELECT>
<OPTION>1995</OPTION>
31
</SELECT><BR>
YOUR HOBBIES: <BR>
<INPUT TYPE="CHECKBOX">MUSIC
<INPUT TYPE="CHECKBOX" CHECKED>COMPUTER
<INPUT TYPE="CHECKBOX">SPORTS
<INPUT TYPE="CHECKBOX" CHECKED>MOBIL PHONE
<INPUT TYPE="CHECKBOX">COMPUTER
<INPUT TYPE="CHECKBOX">AIR CONDITIONER<BR>
YOU WILL LIKE TO RECEIVE THE ARTICLES IN YOUR ARTICLE
INBOX:
<INPUT TYPE="RADIO" CHECKED>YES<INPUT
TYPE="RADIO">NO
<BR>
<INPUT TYPE="BUTTON" VALUE="SUBMIT">
<INPUT TYPE="BUTTON" VALUE="RESET">
</FORM>
</BODY>
</HTML>
32
OUTPUT:
33
Thank You
34

E-Commerce Practical File by Siddharth

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 Practical File by Siddharth

Uploaded by

Copyright:

Available Formats

GURU GOBIND SINGH INDRAPRASTHA UNIVERSITY

E- COMMERCE LAB FILE

DELHI SCHOOL OF PROFESSIONAL STUDIES AND RESEARCH

ROHINI, NEW DELHI-110085

[ AFFILATED TO GGSIPU – NEW DELHI]

SIDDHARTH LINGWAL MS. SHEETAL

BBA 2B [2st semester] ASSISTANT PROFESSOR

Roll no. 10512501721

At Delhi School of Professional Studies and Research New Delhi under my

Siddharth Lingwal has given an undertaking that the information presented in

I take this opportunity to express my profound gratitude and deep regarded to

Roll no. 10512501721

S. NO TOPIC PAGE NO. TEACHER’S SIGN.

Implement the HTML code using: a) Paragraph

Implement Different Attributes for tags: a)Font

Implement Unordered List and Ordered List(use nesting)

Implement Table using:

Implement Local Link.

2) AFTER CLICKING ON THIS(CLICK HERE) WE GET:

Implement Internal Link.

Implement External Link.

2) AFTER CLICKING ON THIS(CLICK HERE) WE GET:

Insert paragraph between two Images.

Make Online registration form.

<B><FONT FACE="ARIAL" SIZE="2">RETYPE YOUR

You might also like