GURU GOBIND SINGH

INDRAPRASTHA UNIVERSITY
DWARKA,
DELHI- 110064

MAHARAJA SURAJMAL INSTITUTE

E-COMMERCE LAB
Subject Code:108
Submitted to: Submitted by:
Ms. Priyanka Dhaka Akhilesh Chauhan
Ms. Neha Mathur 00214901719
Section- A
IInd Semester (M)
 INDEX
S. No PROGRAM DATE SIGN

1. Create a PPT on the topic:

Traditional Commerce vs E-Commerce

2. Create an html file for displaying a webpage with the following

tags. The file should contain a brief description about all the
tags:

a. Bold
b. Italics
c. Underline
d. Alignment
e. Paragraph
f. Text color
g. Heading
h. Hr
i. Background Color
j. Line Break
k. Pre

3. Design a webpage of your CV with headings as objective,

educational qualification, achievements, strengths, hobbies, &
personal details. Apply the following specifications: Insert a
horizontal line after every above mentioned heading. Set any
light colour as page background. Bold and Underline every
heading. Insert your image on the left side of the webpage. Use
heading tag to specify the heading. After every heading is over,
put a horizontal line. Use pre tag for educational qualification.
Use base font for all the text.

4.B Design a website with the name as HTML tutorial with the
following specifications:

Make the following hyperlinks:

Formatting Styles & Headings: include bold, italics,
underline, strike, subscript, superscript & all six types of
headings.
Font Styles & Images: Font & base font, Image tag
Anchor: Internal & external links
Marquee: Move text, image & hyperlink
Other tags: br, hr, pre, p
4.B Write a HTML code to print the following lines in same
manners:

In Mathematics, a quadratic equation is a polynomial

equation of the second degree. The general form is
ax2+bx+c=0
Where! = 0 (For if a=0, the equation becomes a
linear equation)

"CHEMICAL EQUATION"

4H3PO3 = 3H3PO4+PH3
and other expression as
Pnew= Pold + X2-Yacosx

5. Create a nested list as follows:

COMPUTER SYSTEM

1. Input devices
i. Keyboard
ii. Mouse
iii. Joystick
iv. Scanner
a. Flat Bed Scanner
b. Hand Held Scanner
2. Output Devices
i. Monitor
a. LCD
b. CRT
ii. Printer
a. Impact Printer
b. Non-Impact Printer

Apply the following parts:

Insert an image of computer on top corner of webpage. Display
a marquee display “Input & Output Devices”. Use different font
styles & colours for Input & Output Devices. Insert a horizontal
line after Input Devices are over. Use bold, italics & underline
in headings.
6. Create an html webpage which displays the following list:

FRUITS & VEGETABLES

A. Vegetables
● Onion
● Tomato
● Radish
 ● Potato
● Carrot
B. Fruits
● Apple
● Banana
● Watermelon
● Mango
● Grapes

NEWSPAPERS & MAGAZINES

o Newspaper
1. The Times of India
2. Hindustan Times
3. Navbharat Times
4. Punjab Kesari
5. Dainik Jagran
o Magazine
i. Business Times
ii. The Week
iii. India Today
iv. Harvard Business Review
v. Computer World

Apply the following parts:

Put horizontal line after Newspapers & Magazines. Apply
heading tag for Newspapers & Magazines. Apply base font
for whole webpage. Apply a background colour. Insert
marquee tag displaying “Newspapers & Magazines”.
7. Design a webpage to display the syllabus of BBA where each
subject should display the description of it using marquee tag to
display the heading of the syllabus.

8.A Design the following table:

8.B Create following table:
Roll Marks
Name Course
No Internal External Total
123 abc BBA 20 60 80
789 xyz BCA 15 65 80
9.A Design the following table:

9.B Design tables as follows:

IP University Courses
Graduate Post Graduate
BB B. M.
BCA MBA MCA
A Tech Tech
240 120 100 200 100 80

10. Design the following table:

11.A Design the following table:

11.B Design following frame:

MAIN MENU Explanation

-----------
Lists -----------
 Tables View Example
Frames Example

12.A Design the following table:

12.B Design following HTML form:

13.A Design the following frame:

13.B Design a student registration form.

14.A Design the following frame:

Mobile phone, shoes, pen drive, shirt will be hyperlinks. If user

clicks on any item, its picture and details about the product
should be displayed in frame 3.

14.B Design a Login form for mailing account in HTML.

15. Create the following form using form tag and its attribute:

EXPERIMENT-1
Q) Create a PPT on the topic:

E-COMMERCE VS TRADTIONAL COMMERCE

ATTACHED
SEPERATELY

EXPERIMENT-2
Q) Create a HTML file for displaying a webpage with following Tags. The file
should contain a brief description about all these tags:

● Bold
● Italics
● Underline
● Alignment
● Paragraph
● Text color
● Headings
● Hr
● Background Color
● Line Break
● Pre

coding:
OUTPUT:
EXPERIMENT-4 A
Q) Design a Web Site with the name as HTML tutorial with following specifications:

Make following hyperlinks(i.e. 5 different web pages):

Formatting Styles and Heading: Include Bold, italics, underline, strike, subscript,
superscript and all six types of headings Font Styles and Images: Font and Base
font tag, Image tag Anchor: Internal (linking within page) and External (linking
with other documents) links
Marquee: Move text, image and hyperlink
Other tags: br, hr, pre, p

coding of main page:

coding of introduction:
The coding of list of common tags page is as
follows:

coding of anchor tag page:

coding of marquee tag page :

coding of other tags page :

Output:
 EXPERIMENT-4 B
Q) Write a HTML code to print the following lines in same manners:
In Mathematics, a quadratic equation is a polynomial
equation of the second degree. The general form is
ax2+bx+c=0
Where != 0 (For if a=0, the equation becomes a linear
equation)

"CHEMICAL EQUATION"

4H3PO3 = 3H3PO4+PH3
and other expression as
Pnew= Pold + X2-Yacosx
coding:
OUTPUT:
 EXPERIMENT-5

Q) Create a nested list as follows:

Computer System

1.Input Devices

i. Keyboard
ii. Mouse
iii. Joystick
iv. Scanner
a) Flat Bed Scanner
b) Hand held Scanner

2.Output Devices
i. Monitor
a) LCD
b) CRT
ii. Printer
a) Impact Printer
b) Non-Impact Printer

Apply the following parts:

Insert an image of computer on top right corner of web page
Display a marquee displaying “Input and Output Devices”
Use different font styles and colors for input and Output devices
Insert horizontal line after Input Devices are over
Use bold, italics and underline in headings.
CODING:
Output:
 EXPERIMENT-6
Q) Create a HTML webpage which display the following list.
Fruits and Vegetables
A. Vegetables
● Onion
● Tomato
● Radish
● Potato
● Carrot
B. Fruits
● Apple
● Banana
● Water-Melon
● Mango
● Grapes

Newspaper and Magazine

o Newspaper
1. The Times of India
2. Hindustan Times
3. Navbharat Times
4. Punjab Kesari
5. Dainik Jagran
o Magazine
i. Business Times
ii. The Week
iii. India Today
iv. Harvard Business Review
v. Computer World
Apply following parts:
Put a horizontal line after newspaper and magazine
Apply heading tag for newspaper and magazine
Apply base font for whole web page and different colors for subjects of each
semester. Apply a background color.
Insert marquee tag displaying “Newspapers and Magazines”
coding:
Output:
EXPERIMENT-7
Q)Design a web page to display the syllabus of BBA where each subject should
display the description of it using marquee tag to display the heading of your
syllabus.

The coding is as follows:

 TAGS USED IN THE EXPERIMENT
DEFINITION TAG
Html Description or Definition list is also a list style which is supported by
HTML. It is also known as definition which is supported by HTML. It is also
known as definition list, where entries are listed like a dictionary. The definition
list is very appropriate when you want to present glossary, list of terms or others
name value list.

The HTML definition list contain following three types of tags:

● DL TAG
<DL> tag defines start of the list

● DT TAG
<DT> tag defines the term of the list.

● DD TAG
<DD> tag is used to define the term listed above.

Output
EXPERIMENT-8 A
Q) Design the following table using HTML-

TAGS USED IN THE EXPERIMENT

ARE:
The <table> tag defines an HTML table. An HTML table consists of the
<table> element and one or more <tr>, <th>, and <td> elements.

The <tr> element defines a table row, the <th> element defines a table
header, and the <td> element defines a table cell.

It has the following attributes:

The coding is as follows:

Output:
EXPERIMENT-8 B
Q) Create following table:

Marks
Roll Nam Cours
Intern
No e e External Total
al
123 abc BBA 20 60 80
789 xyz BCA 15 65 80

coding:
OUTPUT:
EXPERIMENT-9 A
Q) Write a program to create HTML table with the following output:

Mat Scienc Engli Physic

Name General Knowledge
hs e sh s
David 85 87 88 92 88
Richa
91 81 78 71 74
rd
John 81 86 88 84 92

Tony 84 86 87 82 81

Scott 71 79 82 88 89

coding :
Output:
EXPERIMENT-9 B
Q) Design tables as follows:

IP University Courses
Graduate Post Graduate
BB
BCA B. Tech MBA MCA M. Tech
A

240 120 100 200 100 80

codinG:
OUTPUT:
EXPERIMENT-10
Q) Write a program to create HTML table with the following output:

coding:
Output:
 EXPERIMENT-11 A

Q) Write a program to create HTML table with the following output:

coding:
Output:
 EXPERIMENT-11 B

Q ) Design following frame:

MAIN MENU Explanation

-----------
Lists -----------
Tables View Example
Frames Example
coding of main frame:

coding of main menu:

coding of explanation:

coding of example:
OUTPUT:
 EXPERIMENT-12 A

Q) Write a program to create HTML table with the following output:

coding:
Output:
 EXPERIMENT-12 B

Q) Design following HTML form:

coding:
OUTPUT:
 EXPERIMENT-13 A
Q) Design the following frame using frame tag of the html.

TAGS USED IN THE EXPERIMENT ARE:

FRAME TAG
The <frame> tag defines one particular window (frame) within a <frameset>.

Each <frame> in a <frameset> can have different attributes, such as border, scrolling, the ability
to resize, etc. The frame tag has following attributes:
 coding:
CODING OF MAIN FRAME PAGE

CODING OF FRAME 1
 CODING OF FRAME 2

CODING OF FRAME 3
CODING OF FRAME 4

CODING OF FRAME 5
CODING OF FRAME 6
Output:
 EXPERIMENT-13 B
Q) Design a student registration form.
coding:
OUTPUT:
 EXPERIMENT-14 A

Q) Design the following frame:

Mobile phone, shoes, pen drive, shirt will be hyperlinks. If user clicks
on any item, its picture and details about the product should be
displayed in frame 3.

coding:
CODING OF MAIN FRAME PAGE
 CODING OF PRODUCT PAGE

CODING OF IMAGE PAGE

CODING OF DESCRIPTION PAGE

 Output:

EXPERIMENT-14 B
Q)Design a Login form for mailing account in HTML.

coding:
OUTPUT:
 EXPERIMENT-15

Q) Create the following form using forms tag and its attribute.
TAGS USED IN THE EXPERIMENT ARE:
FORM TAG:
A web form, web form or HTML form on a web page allows a user to enter
data that is sent to a server for processing. Forms can resemble paper or
database forms because web users fill out the forms using checkboxes, radio
buttons, or text fields. For example, forms can be used to enter shipping or
credit card data to order a product, or can be used to retrieve search results
from a search engine. The <form> element can contain one or more of the
following form elements:

● <input>
● <textarea>
● <button>
● <select>
● <option>
● <optgroup>
● <fieldset>
● <label>
● <output>
 coding:
<html>
<head>
<title></title>
</head>
<body bgcolor="sky blue">
<marquee><h2><u>REGISTRATION FORM<h2></u></marquee>
<form>
First name <input type="text"  size="20"> (Enter your first name)<br>
Last name  <input type="text" size ="20"> (Enter your last name)<br>
Login name <input type="text"  size="20"> (Enter the login name you want here)<br>
Password <input type="password" > (Type the password, it will be shown in
******)<br> 
Retype your password <input type="password" name="psword"> (Retype the
password to make sure that you remember it,and that it has not been typed
incorrectly) <br>
E-mail <input type="text"  size="40">(Enter a valid eqamil address)<br>
Current address<br>
<textarea rows="5" cols="30" wrap="on" ></textarea><br> 
Date of Birth : 
Day
<select name="list1">
<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>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
Month
<select name="list2">
<option> January </option>
<option> february </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>
Year
<select name="list3">
<option> 1978 </option>
<option> 1979 </option>
<option> 1980 </option>
<option> 1981 </option>
<option> 1982 </option>
<option> 1983 </option>
<option> 1984 </option>
<option> 1985 </option>
<option> 1986 </option>
<option> 1987 </option>
<option> 1988 </option>
<option> 1989 </option>
<option> 1990 </option>
<option> 1991 </option>
<option> 1992 </option>
<option> 1993 </option>
<option> 1994 </option>
<option> 1995 </option>
<option> 1996 </option>
<option> 1997 </option>
<option> 1998 </option>
<option> 1999 </option>
<option> 2000 </option>
<option> 2001 </option>
<option> 2002 </option>
</select><br>
Your hobbies<br>
<input type="checkbox" > Music
<input type="checkbox" >Computer
<input type="checkbox" >Sports
<input type="checkbox" >Mobile Phone
<input type="checkbox" > Air conditioner
<br>
You would like to recieve articles in your account inbox:
<input type="radio" > Yes
<input type="radio" > No
<br>
<input type="submit" value="submit">
<input type="reset"    value="reset">

</form>
</body>
</html>

Output: