Professional Documents
Culture Documents
E-COMMERCE
E-COMMERCE FILE ON
HTML
(BBA-112)
SESSION : 2021-2024
SUBMITTED AT:
DELHI SCHOOL OF PROFESSIONAL STUDIES & RESEARCH
ROHINI, NEW DELHI – 110085
[AFFILIATED TO GGSIPU-NEW DELHI
Page 1 of 32
LAB PRACTICAL FILE
E-COMMERCE
CERTIFICATE
This is to certify that the project titled “E-COMMERCE Lab” is
an academic work done by Mr. PRIYANSHU KUMAR
submitted in the partial fulfillment 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.
(Signature of Faculty)
Mrs. Sheetal
Assistant Professor DSPSR
Page 2 of 32
LAB PRACTICAL FILE
E-COMMERCE
DECLARATION
I take this opportunity to express my profound gratitude and
deep regards to my guide Asst. Professor Mrs. Sheetal for her
exemplary guidance, monitoring and constant
encouragement throughout 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.
PRIYANSHU KUMAR
BBA 2A
01012501721
3 ACTIVITY-3(Implement 9-11
Unordered List and Ordered
List(use nesting)
Page 4 of 32
LAB PRACTICAL FILE
E-COMMERCE
INDEX
ACTIVITY-1
Q-1 Implement the HTML code using:
a)Paragraph
b)Heading tag(from h1-h6)
c) BlockQuote
d)Address
e)Pre Formatted Text
f)div
INPUT:-
<!--THIS CODE IS USE FOR IMPLEMENT HTML CODE-->
<HTML>
<HEAD>
<TITLE>HTML TAGS</TITLE>
</HEAD>
<BODY TEXT="GOURMAND" SIZE="20"> <!—BODY
TAG START FROME HERE -->
<H1> THIS IS MY FIRST HTML PROJECT IN DELHI
SCHOOL OF PROFFESIONAL STUDIES.</H1>
<P> PRE TAG</P>
<P>PARAGRAPH TAG</P> <!—PARAGRAPH TAG START
FROM HERE -->
<P>FONT TAG</P> <!—USE OF FONT TAGS -->
Page 5 of 32
LAB PRACTICAL FILE
E-COMMERCE
OUTPUT:-
ACTIVITY-2
Page 6 of 32
LAB PRACTICAL FILE
E-COMMERCE
INPUT:-
<!—THIS CODE IS USE FOR DIFFERENT ATTRIBUTE
TAG-->
<HTML>
<HEAD>
<TITLE>ARTIBUTES</TITLE>
</HEAD>
<BODY> <!—BODY TAG START FROM HERE -->
<BODY BGCOLOR="VERDANA" TEXT="GREEN "SIZE="26">
<!—PARAGRAPH TAG USE FROM HERE -->
<P> BHAGAT SINGH WAS A CHARISMATIC INDIAN
REVOLUTIONARY WHO PARTICIPATED IN THE MISTAKEN
MURDER OF A JUNIOR BRITISH POLICE OFFICER IN
WHAT WAS TO BE RETALISATION FOR THE DEATH OF AN
INDIAN JOURNALIST.</P><!—END OF PARAGRAPH TAG--
>
<FONT COLOR="ORANGE" SIZE="8">BHAGAT
SINGH(FREEDOM FIGHTER) </FONT>
<H1>ACHIEVEMENTS</H1><HR>
<OL>
<LI>BORN: 28 SEPTEMBER,1907,
(BANGA)</LI>
<LI>PARENTS: SARDAR KISHAN
SINGH,VIDYAVATI </LI>
<LI>EDUCATION: NATIONAL COLLEGE,LAHORE
</LI>
<LI>DEATH : 23 MARCH,1931,LAHORE CENTRAL
JAIL,LAHORE
</OL><HR>
Page 7 of 32
LAB PRACTICAL FILE
E-COMMERCE
OUTPUT:-
ACTIVITY-3
Q-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
Page 8 of 32
LAB PRACTICAL FILE
E-COMMERCE
.(Disc)Unordered List
d.ordered list
e.ordered list
f.ordered list
. (sqaure)Unordered List
i. ordered list
ii. ordered list
iii. ordered list
INPUT:-
<!—THIS CODE IS USE FOR ORDER &UNORDER LIST -->
<html>
<head>
<title>creating nested list</title>
</head>
<body bgcolor="RED",fontcolor"orange">
<blockquote> <!—USE OF BODY COLOUR -->
creating nested list(ordered and
unordered)</blockquote>
<ul> <!—PUTING FIRST DATA -->
<li>top3 WRESTLER</li>
<ol type="1">
<li>ROAMAN REIGNS</li>
<li>JOHN CENA</li>
Page 9 of 32
LAB PRACTICAL FILE
E-COMMERCE
<li>BROCK LESNAR</li>
</ol> <!—PUTING SECOND DATA -->
<ul types="disc">
<li>top3football player</li>
<ol type="A"start=D>
<li>NEYAMR JR</li>
<li>david william</li>
<li>LIONEL MESSI</li>
</ol> <!—PUTING THIRD DATA -->
<ul type="squre">
<li>top2 CRICKET player</li>
<ol type="i">
<li>MS DHONI</li>
<li>VIRAT KOHLI</li>
</ol> <!—END OF PUTTING DATA -->
</ul>
</body> <! END OF BODY TAGS -->
</html>
OUTPUT:-
Page 10 of 32
LAB PRACTICAL FILE
E-COMMERCE
ACTIVITY-4
Q-4
Implement table using:
(cellspacing,cellpadding,rowspan,colspan,border,align,
valign,bgcolor,background):
Table
Example
BBA SECOND SEMESTER e-COMMERCE Practical File
Tags
Attributes empty/ output(y/
S.no Implemente
used container tag n)
d
face Y
1 font size Container tag Y
align Y
border Y
2 table rowspan Container tag Y
colspan Y
INPUT:-
<!—THIS CODE IS USE FOR MAKE GIVEN TABLE -->
<html>
<head>
<title>table</title>
</head>
<body> <!—BODY TAG IS USE FROM HERE-->
Page 11 of 32
LAB PRACTICAL FILE
E-COMMERCE
<table border="6">
<tr>
<th colspan="10">LUFTHANSA</th>
</tr>
<tr>
<td>S.NO</td> <!—STARTING THE DATA FROM HERE-->
<td>FLIGHT NAME</td>
<td>CLASS</td>
<td>VIP PASS</td>
<td>CURRENT PRICE</td>
</tr>
<tr>
<td rowspan="3">1</td>
<td rowspan="3">INDIGO</td>
<td rowspam="3">BUSINESS CLASS</td>
<td rowspan="3">ALLOWED</td>
<td>28,000</td>
</tr>
<tr>
<td>ECONOMIC CLASS</td>
<td>19,000</td>
</tr>
<tr>
<td>NORMAL CLASS</td>
<td>10,000</td>
</tr>
<tr>
<td rowspan="3">2</td>
<td rowspan="3">QATAR AIRWAYS</td>
<td>BUSINESS CLASS</td>
<td rowspan="3">ALLOWED</td>
<td>23,500</td>
</tr>
<tr>
<td>ECONOMIC CLASS</td>
<td>17,500</td>
</tr>
<tr>
Page 12 of 32
LAB PRACTICAL FILE
E-COMMERCE
<td>NORMAL CLASS</td>
<td>8,700</td> <!—END THE DATA HERE -->
</tr>
</table>
</body> <!—END OF BODY TAG -->
</html>
OUTPUT:-
ACTIVITY-5
Q-5 Implement Local Link INPUT:-
<!—THIS COMMENTS IS USE FOR LOCAL LINK -->
<HTML>
<HEAD>
<TITLE>LOCAL LINKS</TITLE>
</HEAD>
Page 13 of 32
LAB PRACTICAL FILE
E-COMMERCE
Page 14 of 32
LAB PRACTICAL FILE
E-COMMERCE
OUTPUT:-
ACTIVITY-6
Q-6 IMPLEMENT INTERNAL LINK IN HTML
Page 15 of 32
LAB PRACTICAL FILE
E-COMMERCE
INPUT:-
<!—THIS COMMENTS IS USE FOR INTERNAL LINK -->
<HTML>
<HEAD>
<TITLE> INTERNAl LINK</TITLE>
</HEAD>
<BODY BGCOLOR="black"><!—BODY TAGS START
HERE->
<A NAME="IN">INDEX</A><BR> <!—USE
OF FONTS HERE -->
<A HREF="#C1">CHAPTER-1 FRENCH
REVOLUTION</A><BR>
<A HREF="#C2">CHAPTER-2 NATIONALISM IN
INDIA</A><BR>
<A HREF="#C3">CHAPTER-3 NATIONALISM IN
EUROPE</A><BR>
<FONT COLOR="WHITE" SIZE="28">
<A NAME="C1">CHAPTER-1 french
revolution</A><BR></FONT>
<P> REVOLUTION IN FRANCE.</P>
<BR><BR><BR><BR><BR><BR><BR><BR>
<FONT COLOR="blue" SIZE="28">
<A NAME="C2">CHAPTER-2 indian
revolution</A><BR></FONT>
Page 16 of 32
LAB PRACTICAL FILE
E-COMMERCE
OUTPUT:-
Page 17 of 32
LAB PRACTICAL FILE
E-COMMERCE
ACTIVITY-7
Q-7 EXTERNAL LINK IN HTML
INPUT:-
<!—THIS CODE IS USE FOR EXTERNAL LINK -->
<HTML>
<HEAD>
<TITLE>EXTERNAL LINKS</TITLE>
</HEAD>
<BODY> <!—BODY TAG START FROM HERE -->
<FONT SIZE=”34” FACE=”ARIAL”><!—FONT TAG USE
HERE-->
<!—PUTTING THE EXTERNAL LINK HERE -->
<A HREF=”UNDER 19 SELECTIONS.HTML”>
https://www.flipkart.com </A>
</FONT> <!—END OF FONT HERE -->
</BODY> <!—BODY TAG END HEWRE -->
</HTML>
OUTPUT:-
Page 18 of 32
LAB PRACTICAL FILE
E-COMMERCE
ACTIVITY-8
Q-8 INSERT PARAGRAPHS BETWEEN TWO IMAGES IN
HTML
Page 19 of 32
LAB PRACTICAL FILE
E-COMMERCE
INPUT:-
<!—THIS CODE IS USE OF INSERTING TWO IMAGES IN
HTML -->
<HTML>
<HEAD>
<TITLE>INSERT IMAGE</TITLE>
</HEAD>
<BODY BGCOLOR="YELLOW" TEXT="RED"SIZE="28">
<P> <!—PARAGRPH START FROM HERE -->
Shah Rukh Khan (pronounced [ˈʃɑːɦɾʊx xɑːn]; born 2 November
1965), also known by the initialism SRK, is an Indian actor, film
producer, and television personality who works in Hindi films.
Referred to in the media as the "Baadshah of Bollywood" (in
reference to his 1999 film Baadshah), "King of Bollywood" and
"King Khan", he has appeared in more than 80 films, and earned
numerous accolades, including 14 Filmfare Awards.
</P> <!—INSERT OF IMAGE LINK HERE -->
<IMG SRC="file:///C:\Users\Priyanshu\Downloads\Shah-Rukh-
Khan-q8.jpg " HIEGHT="200" WIDTH="200"><!—END OF
IMAGE LINK HERE -->
<P>
The Government of India has awarded him the Padma Shri, and
the Government of France has awarded him the Ordre des Arts et
des Lettres and the Legion of Honour. Khan has a significant
following in Asia and the Indian diaspora worldwide. In terms of
Page 20 of 32
LAB PRACTICAL FILE
E-COMMERCE
OUTPUT:-
Page 21 of 32
LAB PRACTICAL FILE
E-COMMERCE
ACTIVITY-9
Q-9 Implement Frames
INPUT:-
<!—THIS CODE USE FOR IMPLEMENT OF FRAME-->
<HEAD>
<TITLE> FRAME WORK SET </TITLE>
<FRAME> <!—FRAMESET START HERE -->
<FRAMESET ROWS=*,*,*>
<FRAMESET COLS=50%,50%> <!—PUTTING THE FILE LINK
ON IT BY PRIYANSHU KUMAR-->
<FRAME SRC="file:///C:\Users\Priyanshu\Downloads\
sarukhkhan1.jpg">
Page 22 of 32
LAB PRACTICAL FILE
E-COMMERCE
<FRAME SRC="file:///C:\Users\Priyanshu\Downloads\
sarukhkhan1.jpg">
</FRAMESET>
<FRAMESET COLS=100%>
<FRAME SRC="file:///C:\Users\Priyanshu\Downloads\
sarukhkhan1.jpg">
</FRAMESET>
<FRAMESET COLS=50%,50%>
<FRAME SRC="file:///C:\Users\Priyanshu\Downloads\
sarukhkhan1.jpg">
<FRAMESET ROWS=50%,50%>
<FRAME SRC="file:///C:\Users\Priyanshu\Downloads\
sarukhkhan1.jpg">
<FRAME SRC="file:///C:\Users\Priyanshu\Downloads\
sarukhkhan1.jpg"> <!—END OF FILE PUTTING -->
</FRAMESET> <!—END OF FRAME SET-->
</HTML>
">
</HTML>
Page 23 of 32
LAB PRACTICAL FILE
E-COMMERCE
OUTPUT:-
Page 24 of 32
LAB PRACTICAL FILE
E-COMMERCE
ACTIVITY-10
Q-10Make Online registration form
INPUT:-
<!—THIS CODE USE FOR ONLINE REGESTRATIONFORM-->
<HTML>
<HEAD>
<TITLE>FORM</TITLE>
</HEAD>
<BODY> <!—BODY TAGS START FROM HERE -->
<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>
<B><FONT FACE="ARIAL" SIZE="2">RETYPE YOUR
PASSWORD:</B>
<INPUT TYPE="TEXT" 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>
Page 25 of 32
LAB PRACTICAL FILE
E-COMMERCE
OUTPUT:-
ACTIVITY-11
Q-11Implement Inline style sheets
INPUT:-
<!—THIS CODE IS USE FOR INLINE STYLE SHEET-->
<HTML>
<HEAD>
Page 27 of 32
LAB PRACTICAL FILE
E-COMMERCE
OUTPUT:-
Page 28 of 32
LAB PRACTICAL FILE
E-COMMERCE
ACTIVITY-12
Q-12 Implement Embedding style sheets
INPUT:-
<!—THIS CODE IS USE FOR EMBEDDING STYLE SHEET->
<HTML>
<HEAD>
<TITLE>IMPLEMENTATION OF EMBEDDING STYLE
SHEETS</TITLE>
<STYLE> <!—STYLE TAG USE FROM HERE -->
BODY {FONT: 10PT "ARIAL"; COLOR; GREEN};
<!—BODY STAR FROM HERE -->
H1 {FONT: 20PT "ARIAL";
FONT-WEIGHT:BOLD;
COLOR: MAROON}
H2 {FONT: 15PT/17PT "ARIAL";
FONT-WEIGHT:BOLD;
COLOR: BLUE
P {FONT: 10PT/12PT "ARIAL";
Page 29 of 32
LAB PRACTICAL FILE
E-COMMERCE
FONT-WEIGHT:BOLD;
COLOR: RED}
</STYLE> <!—STYLE TAGS END HERE -->
</HEAD>
<BODY BGCOLOR="RED">
<H1> QUIZ COMPITITION H1</H1>
VENUE :DWARKA,AUDITORIUM
DATE :1AUGUST,2022
DRESS CODE :FORMAL DRESS
STUDENT :25 STUDENT ALLOW WITH PASS.
OUTPUT:-
Page 30 of 32
LAB PRACTICAL FILE
E-COMMERCE
ACTIVITY-13
Q-13Implement Inline style sheets
INPUT:-
<!—THIS CODE IS USE FOR INLINE STYLE SHEET -->
<HTML>
<HEAD>
<TITLE>IMPLEMENTATION OF INLINE STYLE
SHEETS</TITLE>
</HEAD>
<BODY BGCOLOR="RED"> <!—BODY COLOR START FROM
HERE -->
<H1> AGANEEPATH SCHEAM H1</H1>
LAUNCHED BY CENTRAL GOVERMENT
<H2>CANDIDATE ELIGIBLITY H2</H2>
AGE BETWEEN:17.5 TO 23 <P>
QUALIFICATION:10TH,10+2TH PASS WITH 60%
MARKS.<P STYLE="TEXT-INDENT: 1CM;
COLOR:ORANGE">
GOVERMENT PROVIDING</P>
GOVERMENT ACHEAVER CERTIFICATE 11.71 LAKH
RUPEES
25LAKH INSURANCE CERTIFICATE<P>
<H1 STYLE="FONT-SIZE: 24PT; FONT-FAMILY:COMIC
SANS MS; COLOR:WHITE">SARKARIRESULT.COM H1</H1>
</BODY> <!—END OF BODY COLOUR HERE -->
</HTML>
Page 31 of 32
LAB PRACTICAL FILE
E-COMMERCE
OUTPUT:-
Page 32 of 32