You are on page 1of 27

E-COMMERCE PRACTICAL FILE

GURU GOBIND SINGH UNIVERSITY


NEW DELHI

E-COMMERCE LAB FILE ON


HTML
(BBA-111)
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
LAKSHAY JAJU MS SHEETAL
01421701721 (ASSISTANT PROFESSOR)
(BBA 2C)

1
E-COMMERCE PRACTICAL FILE

CERTIFICATE
This is to certify that the project titled “ISM- LAB” is an
academic work done by LAKSHAY JAJU submitted in the partial
fulfilment of the required 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.
LAKSHAY JAJU has given an undertaking that the information
presented in the project has not been submitted earlier.

MS SHEETAL
ASSISTANT PROFESSOR DSPSR

2
E-COMMERCE PRACTICAL FILE

DECLARATION
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 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 encouragement.
I also hereby declare that the project work entitled “ISM LAB
“under the Guidance of MS SHEETAL is my original work and it
has not been submitted earlier in any other university or
institution

LAKSHAY JAJU
BBA 1C

INDEX
S.NO CONTENT PG.NO T.SIGN
3
E-COMMERCE PRACTICAL FILE

i. Implement Tags 5-6

ii. Implement Attributes 7

iii. Ordered and Unordered List 8-9

iv. Implement Table 10-12

v. Implement Local Link 13

vi. Implement Internal Link 14-15

vii. Implement External Link 16

viii. Paragraph between 2 images 17

ix. Implement Frames 18-19

x. Implement Forms 20-22

xi. Inline Style Sheets 23-24

xii. Embedding Style Sheets 25-26

xiii. External Style Sheets 27

QUESTION 1
Implement the HTML code using:

a) Paragraph.

b) Heading tag

4
E-COMMERCE PRACTICAL FILE

c) Block Quote

d) Address

e) Pre Formatted Text

f) Div

INPUT
<HTML>

<HEAD>

<TITLE>INTRODUCTION</TITLE>

</HEAD>

<BODY BGCOLOR="#97CAEF"><!—BACKGROUND COLOR IS USED -->

<H1><B><P ALIGN="LEFT">NAME: LAKSHAY JAJU </P></B></H1>

<H2><B><P ALIGN="LEFT">AGE: 18 </P></H2></B>

<BR>

<H3><B><DIV ALIGN="CENTER">QUALIFICATION:-DOING BBA FROM IP AFFILIATED COLLEGE


</DIV></B></H3>

<BR>

<H4><B><BLOCKQUATE>THINGS TO LEARN:-</BLOCKQUATE></B></H4>

<H4><B><PRE>

<UL>

<OL TYPE=1>

<LI>TALLY</LI>

<LI>EXCEL</LI>

<LI>HTML</LI>

</OL>

</UL>

</PRE></B></H4>

5
E-COMMERCE PRACTICAL FILE

</BODY>

</HTML>

OUTPUT

QUESTION 2
Implement Different Attributes for tags:

a) Font

b) Body

c) Horizontal Line
6
E-COMMERCE PRACTICAL FILE

INPUT
<HTML>

<HEAD>

<TITLE> QUESTION2 </TITLE>

</HEAD>

<BODY BGCOLOR="#EDF5E1"><!--COLOUR CODE IS USED-->

<FONT SIZE="10" COLOR="#5CDB95" FACE="ARIAL">APPLYING ATTRIBUTES OF BODY TAG,


ATTRIBUTES OF FONT TAG AND HORIZONTAL LINE TAG</FONT>

<HR>

<FONT SIZE="25" COLOR="#05386B" FACE="BOOKMAN"> HORIZONTAL LINE IS BEING USED


</FONT>

</BODY>

</HTML>

OUTPUT

QUESTION 3
Implement Unordered List and Ordered List (Use Nesting)

INPUT
<HTML>

<HEAD>
7
E-COMMERCE PRACTICAL FILE

<TITLE>Q3-ORDER LIST</TITLE>

</HEAD>

<BODY>

<UL TYPE="CIRCLE">

<U><B><LI>COLLEGES</B></U>

<UL>

<OL TYPE=1>

<LI>DSPSR</LI>

<LI>IITM</LI>

<LI>SIRIFORT</LI>

</OL>

</UL>

</UL>

<UL TYPE="DISC">

<U><B><LI>SCHOOLS</B></U>

<UL>

<OL TYPE="a", START=4>

<LI>Cambridge Foundation School</LI>

<LI>New Era Public School</LI>

<LI>Shadley Public School</LI>

</OL>

</UL>

</UL>

<UL TYPE="SQUARE">

<U><B><LI>DEGREE</B></U>

<UL>

8
E-COMMERCE PRACTICAL FILE

<OL TYPE="I">

<LI>B.Com(P)</LI>

<LI>B.Com(Hons)</LI>

<LI>B.Sc</LI>

</OL>

</UL>

</UL>

</BODY>

</HTML>

OUTPUT

QUESTION 4
Implement Table using:

(cellspacing, cellpadding, rowspan ,colspan, border ,align ,valign ,bgcolour ,background)

INPUT
<HTML>
9
E-COMMERCE PRACTICAL FILE

<HEAD>

<TITLE>TABLE-Q4</TITLE>

</HEAD>

<BODY>

<TABLE WIDTH="100%" ALIGN="CENTER" VALIGN="MIDDLE" BORDER="1" CELLSPACING="3"


CELLPADDING="1">

<TITLE>TABLE EXAMPLE</TITLE>

<TR>

<TH COLSPAN="5" BGCOLOR="#B0E0E6">BBA SECOND SEMESTER E-COMMERCE PRCTICAL


FILE</TH></TR>

<TR BGCOLOR="#FFFACD">

<TH>S.No</TH>

<TH>Tags Implemented</TH>

<TH>Attribute Used</TH>

<TH>Entry/Container Tag</TH>

<TH>Output(Y/N)</TH>

</TR>

<TR BGCOLOR="#FFA07A">

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

<TD ROWSPAN="3" ALIGN="CENTER">Font</TD>

<TD ALIGN="CENTER">Face</TD>

<TD ROWSPAN="3" ALIGN="CENTER">Container Tag</TD>

<TD ALIGN="CENTER">Y</TD>

</TR>

<TR BGCOLOR="#FFA07A">

<TD ALIGN="CENTER">Size</TD>

<TD ALIGN="CENTER">Y</TD>
10
E-COMMERCE PRACTICAL FILE

</TR>

<TR BGCOLOR="#FFA07A">

<TD ALIGN="CENTER">Align</TD>

<TD ALIGN="CENTER">Y</TD>

</TR>

<TR BGCOLOR="#77DD77">

<TD ROWSPAN="3" ALIGN="CENTER">2</TD>

<TD ROWSPAN="3" ALIGN="CENTER">Table</TD>

<TD ALIGN="CENTER">Border</TD>

<TD ROWSPAN="3" ALIGN="CENTER">Container Tag</TD>

<TD ALIGN="CENTER">Y</TD>

</TR>

<TR BGCOLOR="#77DD77">

<TD ALIGN="CENTER">Rowspan</TD>

<TD ALIGN="CENTER">Y</TD>

</TR>

<TR BGCOLOR="#77DD77">

<TD ALIGN="CENTER">Colspan</TD>

<TD ALIGN="CENTER">Y</TD>

</TR>

</TABLE>

</BODY>

</HTML>

OUTPUT

11
E-COMMERCE PRACTICAL FILE

QUESTION 5
Implement Local Link

INPUT
12
E-COMMERCE PRACTICAL FILE

<HTML>

<HEAD>

<TITLE>LOCAL LINKS</TITLE>

</HEAD>

<BODY>

<FONT SIZE="5" FACE="Gill Sans MT">

<A HREF="QUIZ.HTML"> STUDENTS WHO REPRESENTED THE COLLEGE </A> </BODY>

</FONT>

</HTML>

OUTPUT

QUESTION 6
Implement Internal Link

INPUT

13
E-COMMERCE PRACTICAL FILE

<html>

<head>

</head>

<body>

<a href="#chapter1">Chapter.1</a><br>

<a href="#chapter2">Chapter.2</a><br>

<a href="#chapter3">Chapter.3</a><br>

<a href="#chapter4">Chapter.4</a>

<br><br>

<a name="Chapter1">Introduction of Chapter.1</a>

<p>This is sub topic.1</p>

<p>This is sub topic.2</p>

<p>This is sub topic.3</p>

<p>This is sub topic.4</p>

<br><br>

<a name="Chapter2">Introduction of Chapter.2</a>

<p>This is sub topic.1</p>

<p>This is sub topic.2</p>

<p>This is sub topic.3</p>

<p>This is sub topic.4</p>

<br><br>

<a name="Chapter3">Introduction of Chapter.3</a>

<p>This is sub topic.1</p>

<p>This is sub topic.2</p>

<p>This is sub topic.3</p>

<p>This is sub topic.4</p>

14
E-COMMERCE PRACTICAL FILE

<br><br>

<a name="Chapter4">Introduction of Chapter.4</a>

<p>This is sub topic.1</p>

<p>This is sub topic.2</p>

<p>This is sub topic.3</p>

<p>This is sub topic.4</p>

</body>

</html>

OUTPUT

QUESTION 7
Implement External Link

INPUT
15
E-COMMERCE PRACTICAL FILE

<HTML>

<HEAD>

<TITLE>EXTENAL LINK</TITLE>

</HEAD>

<BODY>

<A HREF="http://ipu.ac.in/usms/USMS_Syllabus/syll011221/BBA.pdf">TAP TO SEE THE BBA


SYLLABUSDOCS</A>

</BODY>

</HTML>

OUTPUT

QUESTION 8
Insert paragraph between two Images

INPUT

16
E-COMMERCE PRACTICAL FILE

<HTML>

<HEAD>

<TITLE>PUTTING PARAGRAPH BETWEEN TWO IMAGES</TITLE>

</HEAD>

<BODY>

<IMG SRC="C:\Users\HP\Desktop\ipu.jpeg" WIDTH="400" HEIGHT="200"><! -IMAGE TAG IS


USED TO INSERT THE FOLLOWING IMAGES->

<P><FONT SIZE="6" FACE="ALGERIAN">

THE LOGO SHOWN ABOVE IS OF IP UNIVERSITY. <BR> THE LOGO SHOWN BELOW IS OF DELHI
SCHOOL OF PROFFESIONAL STUDIES AND RESEARCH WHICH IS AFFILIETED WITH IP
UNIVERSITY.

</FONT></P>

<IMG SRC="C:\Users\HP\Desktop\dspsr.jpeg" WIDTH="300" HEIGHT="300">

</BODY>

</HTML>

OUTPUT

QUESTION 9
Implement Frames

INPUT
17
E-COMMERCE PRACTICAL FILE

<html>

<head>

<title>frameset Q10</title>

</head>

<frameset rows="*,*,*">

<frameset cols="*,*">

<frame src="frame1.html">

<frame src="frame2.html">

</frameset>

<frame src="frame3.html">

<frameset cols="*,*">

<frame src="frame4.html">

<frameset rows="*,*">

<frame src="frame5.html">

<frame src="frame6.html">

</frameset>

</frameset>

</frameset>

</html>

OUTPUT

18
E-COMMERCE PRACTICAL FILE

QUESTION 10
Make Online registration form.

19
E-COMMERCE PRACTICAL FILE

INPUT
<html>

<head>

<title>forms</title>

</head>

<body>

<form>

<b><H1 align="center">Registration form </h1></b>

<br>

<b><font face="arial" size=2>First name: </b>

<input type="text" name=LAKSHAY> (enter your firstname)<br><br>

<b><font face="arial" size=2>Last name: </b>

<input type="text" name=JAJU> (enter your lastname)<br><br>

<b><font face="arial" size=2>Login name: </b>

<input type="text" name=lakshayjaju> (enter the login ID)<br><br>

<b><font face="arial" size=2>Password: </b>

<input type="password" name=lakshay> (type the password)<br><br>

<b><font face="arial" size=2>Retype your password: </b>

<input type="text" name=lakshay> (retype your pasword)<br><br>

<b>E-mail:</b>

<input type="text" size=30> (enter a valid e-mail id)<br><br>

<b>current address:<br>

<textarea rows=5 col=40 name=textarea></textarea><br><br>

<B>date of birth:</B>

day

<select>

20
E-COMMERCE PRACTICAL FILE

<option>1</option>

<option>2</option>

<option>3</option>

<option>4</option>

</select>

month

<select>

<option>january</option>

<option>february</option>

<option>march</option>

<option>april</option>

</select>

year

<select>

<option>1996</option>

<option>1997</option>

<option>1998</option>

<option>1999</option>

</select><br><br>

your hobbies: <br><br>

<textarea rows="5" cols="60" name="comment"> Enter text hear </textarea> <br>

<p>would like to receive confirmation detail on email id meantioned above:</p>

<input type="radio"checked>yes<input type="radio">no

<br>

<input type="button" value="reset"><br><br>

<input type="submit" value="submit">

21
E-COMMERCE PRACTICAL FILE

</forms>

</body>

</html>

OUTPUT

QUESTION 11
Implement Inline style sheets.
22
E-COMMERCE PRACTICAL FILE

INPUT
<html>

<head>

<title>Using Inline Styles in HTML</title>

</head>

<BODY bgcolor="AQUA">

<h1 style="color:red;font-size:34"> Electronic Payment System </h1>

<p style="color:dark green;font-size:25;">Electronic payment which allow customers to pay


for goods and services electronically.</p>

<div style="color:green; font-size:22;">Type of Electronic Payment System

<UL>

<OL TYPE=1>

<LI>DEBIT CARD</LI>

<LI>CREDIT CARD</LI>

<LI>SMART CARD</LI>

<LI>E-WALLET</LI>

<LI>E-MONEY</LI>

</OL>

</UL>

</div>

</body>

</html>

OUTPUT

23
E-COMMERCE PRACTICAL FILE

QUESTION 12

24
E-COMMERCE PRACTICAL FILE

Implement Embedding style sheets.

INPUT
<html>

<head>

<title>Using Embedded Style Sheet in HTML</title>

<style>

body { background-color: #5CDB95; }

h1 { color: #EDF5E1; font-size:34 }

p { color: #05386B;font-size:25}

</style>

</head>

<body>

<h1>Embedded Style Sheet</h1>

<p>Embedded or internal style sheets only affect the document they are embedded in. <br>

Embedded style sheets allow you to define styles for the whole HTML document in one place.
<br>

Embedded style sheets refer to when you embed style sheet information into an HTML
document using the <style> element.</p>

</body>

</html>

OUTPUT

25
E-COMMERCE PRACTICAL FILE

QUESTION 13
Implement External Style sheets.

26
E-COMMERCE PRACTICAL FILE

INPUT
<html>

<head>

<title>External Style Sheets in HTML</title>

<link rel="stylesheet" href="style.css">

</head>

<body>

<h1> External Style Sheets </h1>

<p>An external style sheet is a separate CSS file that can be accessed by creating a link within
the head section of the webpage.<br>

Multiple webpages can use the same link to access the stylesheet.<br>

The link to an external style sheet is placed within the head section of the page. </p>

</body>

</html>

OUTPUT

27

You might also like