E-Commerce Lab File

E COMMERCE LAB FILE
PRACTICAL LAB FILE ON

E-COMMERCE
(BBA 111)
Bachelor of Business Administration (BBA)
Guru Gobind Singh Indraprastha University,
Delhi
SUBMITTED TO: : SUBMITTED BY
MS. ANKITA ANKIT GOMBER
(Assistant Professor) ENROLLMENT NO:
01321101720
MS. NIDHI SRIVASTAVA
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
(Assistant Professor)
INDEX
Sr. No Date of
Name of Practical Signature
Performed
INTRODUCTION TO HTML BASIC AND ADVANCED FORMATTING TAGS
1. a) Introduction to Word Wide Web, Web Browser, Search Engine. 18-05-2021
b) Create a web page which display a message “This is my First 18-05-2021

web page’’, using different level of headings.
c) Create a web page containing basic elements of HTML, in 18-05-2021

which student must write description about herself.
d) Create a web page demonstrating paragraph tag and basic 18-05-2021

formatting tags of HTML.
2. a) Write a HTML code to print the quadratic equation as follow: 29-05-2021

In mathematics, a quadratic equation is a polynomial equation
of the second degree. The general form is
ax2 +
bx+c=0
H2O+CO2
b) Write a HTML Code to demonstrate all text formatting
elements in HTML.
INTRODUCTION TO HYPERLINK IN HTML
3. a) Insert an image in a document and link it to some other page. 22-05-2021

b) Create an HTML document demonstrating the use of text
hyperlink.
a) Create an HTML document containing 4 images differently
aligned.
INTRODUCTION TO HTML LISTS
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
4. a) Write a HTML code to display the list of various events for 25-05-2021
Anugoonj-University Annual Cultural Festival using Ordered
list (NOTE: Anugoonj is organized every year to allow the
students of the University including its more than 127
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
affiliated colleges to show case their talent.)
b) Write code to display the events of Techno sapiens & 25-05-2021

Management sapiens held in your Institution using Unordered
List. (Like Management sapiens included BUSINESS PLAN,
AD-SELFIE, BUSINESS QUIZ, AD MAD, TREASURE
HUNT and Techno sapiens included INNOVATZ, MASTER
MINDS, CODE SENSE, FUZON, GAMING etc.)
5. a) Write HTML code to produce the following output: 01-06-2021
Fruits & Vegetables
C. Vegetables
 Onions
 Potato
D. Fruits
 Mango
 Grapes
b) Write code for the following list
 Newspaper
5. TOI
6. HT
7. Navbharat Times
 Magazines
i) The Week
ii) India Today
6. a) Write a HTML code to display the syllabus of BBA IInd using 01-06-2021
Menu List.
b) Write a code for the following list (Definition
List). E-Commerce
-Mobile Commerce
Web Commerce
-E-Banking
7. A) Develop an HTML document which displays your name as heading 05.06.2021
and display the name of any four of your friends in a list. Each
friend’s name should be hyperlink when you click friend’s name it
must open another HTML document which tells about your friend.
B) Create a static page of astrology site and use hyperlink to open the
horoscope of different Zodiac Signs.
INTRODUCTION TO TABLES IN HTML
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
8. Create a table containing Sr No., Name and Marks of 10 students. 08.06.2021

(Use all the attributes of table tag i.e., border, bgcolor, width, cell
spacing and cell padding)
9. Display the table with the given format with row-span and col-span
12.06.2021
Semester Pass
Percentage
BBA I 99%
BCA III 98%
I 97%
MCA I 97%
10. Display the Invoice of a company with proper formatting using all the 12.06.2021
attributes of table.
INTRODUCTION TO HTML FORMS
11. Create a registration form using form tag in HTML. 15.06.2021
12. Create a form in HTML to take feedback of customer for the service 15.06.2021
of a restaurant.
13. Design a website on 7 Wonders of World using various List option 19.06.2021
& Use Back option also to come back to main page.
14. Create a web page to embed multimedia component (Audio and 19.06.2021
Video) in HTML.
INTRODUCTION TO FRAMES IN HTML

15. Design the following webpage using <frameset> tag in HTML 22.06.2021
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
example:
16. Design the webpage which shows the implementation of navigation 22.06.2021
frames.
17. Design website of IITM for given format using frame tag. 26.06.2021
29.06.2021
Institute of Information Technology

and Management
Affiliation Details
About Us
Faculty Detail Content about IITM. Here
Programs Offered
© Copyright Act
Developed by: Developer Name
18. Design a website that demonstrates the Image map. 17.07.2021
19. Create a web page that demonstrates external CSS (including tags, 17.07.2021
images, heading etc.)
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
20. Create a hyperlink with different colors 20.07.2021
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
PRACTICAL NO.1
A. Brief history of Web Browsers, Search Engines, HTML.
ANSWERS:
WORLD WIDE WEB:- World Wide Web, which is also known as a Web, is a collection of
websites or web pages stored in web servers and connected to local computers through the
internet. These websites contain text pages, digital images, audios, videos, etc. Users can
access the content of these sites from any part of the world over the internet using their
devices such as computers, laptops, cell phones, etc. The WWW, along with internet,
enables the retrieval and display of text and media to your device.
Small websites store all of their Web Pages on a single server, but big websites or
organizations place their Web Pages on different servers in different countries so that when
users of a country search their site they could get the information quickly from the nearest
server.
WEB BROWSER:- Web browsers are programs that allow you to access web pages on the
Internet, read HTML (hypertext markup language) documents on your computer, or view
your local intranet site. These browsers don't just display information. They also help you
find information using search engines, purchase products online using various online
shopping sites, interact with other people using social media services, use web-based
editing applications to create documents, and much more.
When browsing the web, JAWS gives you quick access to the information you need, and
provides detailed information about the structure and organization of web pages. Tables,
lists, headings, and alternate text for images are all announced. The information comes
right from the HTML used to create the page. HTML is designed with accessibility in
mind, and JAWS supports more of the built-in HTML accessibility features than any
other screen reader.
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
JAWS uses the Virtual Cursor on web pages, letting you read as you would in a word
processing document. The Virtual Cursor is also available in other applications, such as
HTML based help systems, HTML based e-mails in Outlook, and in PDF (Portable
Document Format) files. Many of the features discussed within these topics are also
available wherever the Virtual Cursor is used.
SEARCH ENGINE :- It refers to a huge database of internet resources such as

web pages, newsgroups, programs, images etc. It helps to locate information on World
Wide Web.
User can search for any information by passing query in form of keywords or phrase. It
then searches for relevant information in its database and return to the user.
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
Search Engine Components

Generally there are three basic components of a search engine as listed below:
1. Web Crawler
2. Database
3. Search Interfaces
 Web crawler
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
It is also known as spider or bots. It is a software component that traverses the web to gather
information.
 Database
All the information on the web is stored in database. It consists of huge web resources.
 Search Interfaces
This component is an interface between user and the database. It helps the user to search
through the database.
Search Engine Working
Web crawler, database and the search interface are the major component of a search engine that
actually makes search engine to work. Search engines make use of Boolean expression AND,
OR, NOT to restrict and widen the results of a search. Following are the steps that are
performed by the search engine:
 The search engine looks for the keyword in the index for predefined database instead of
going directly to the web to search for the keyword.
 It then uses software to search for the information in the database. This software
component is known as web crawler.
 Once web crawler finds the pages, the search engine then shows the relevant web pages
as a result. These retrieved web pages generally include title of page, size of text portion,
first several sentences etc.
These
 search criteria
User can click may vary
on any of from one search
the search resultsengine to it.
to open the other. The retrieved information
is ranked according to various factors such as frequency of keywords, relevancy of information,
links etc.
Architecture
The search engine architecture comprises of the three basic layers listed below:
 Content collection and refinement.
 Search core
 User and application interfaces
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
A. Create a web page which display a message “This is my First web page’’,
using different level of headings.
ANSWER:
SOURCE CODE:-
SOUIRCE CODE
<html>
<head>
<title>Demo of HTML</title>
</head>
<body>
<h1>This is my First Web Page</h1>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
</body>
</html>
B. Create a web page containing basic elements of HTML, in which student must
write description about herself.
ANSWER:-
SOURCE CODE:-
<html>
<head>
<title>STUDENT DESCRIPTION</title>
<body>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
My name is ankit gomber . I am 18 years old . Currently I did my graduation in

BBA from IITM janakpuri .
I have done my schooling from sbv ashok nagar. My hobbies are acting, 3D
printing.
</body>
</html>
OUTPUT
C. Create a web page demonstrating paragraph tag and basic formatting tags
of HTML.
ANSWER:-
SOURCE CODE:-
<html>
<head>Paragraph tag</head>
<title>Paragraph tag </title>
<body bgcolor="pink">
<p><font color="black">
<i>is used to define a paragraph in a web page.</i>
</p>
</body>
</html>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
OUTPUT
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
ASSIGNMENT NO 2
A. Create an HTML document containing 4 images differently aligned.
ANSWER:-
SOURCE CODE:-
<html>
<title>Image tag</title>
<head><center><b><fontsize="5"fontcolor="green"face="times new
roman">IMAGES</font></b></center></head>
<img src="html3.jpg"align="right"height="200px"width="200px">
<img src="html1.jpg"align="left"height="200px"width="200px">
<img src="html.jpg"align="middle"height="200px"width="200px">
<img src="html2.jpg"align="bottom"height="200px"width="200px">
</body>
</html>
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
PRATICAL NO. 3
A. Write a HTML code to display the list of various events for Anugoonj University
Annual Cultural Festival using Ordered list (NOTE: Anugoonj is organized every year to
allow the students of the University including its more than 127 affiliated colleges to show
case their talent.)
ANSWER:
SOURCE CODE:
<html>
<title>HTML ORDERED LIST</title>
<body bgcolor="orange">
<h1><center>Anugoonj-University Annual Cultural Festival</center></h1>
<h2>EVENTS</h2>
<ol type="I">
<li>Story Writing Competition</li>
<li>Folk Dance</li>
<li>Group Song</li>
<li>Classical Dance</li>
<li>Debate</li>
<li>Quiz</li>
</ol>
</body>
</html>
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
B. Write code to display the events of Techno sapiens & Management sapiens held in
your Instituton using Unordered List. (Like Management sapiens included
BUSINESS PLAN, AD-SELFIE, BUSINESS QUIZ, AD MAD, TREASURE HUNT
and Techno sapiens included INNOVATZ, MASTER MINDS, CODE SENSE,
FUZON, GAMING etc.)
ANSWER:
SOURCE CODE:-
<html>
<title>HTML UNORDERD LIST</title>
<body bgcolor="orange">
<h1><center>Events of Techno sapiens & Management sapies</center></h1>
<h2><center>IITM JANAK PURI</center></h2>
<h3>Management Sapiens</h3>
<ul style="list-style-type:disc:">
<li>BUSINESS PLANS</li>
<li>AD-SELFI</li>
<li>BUSINESS QUIZ</li>
<li>AD-MAD</li>
<li>TREASURE HUNT</li><br>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
<h4>Techo Sapiens</h4>
<ul style="list-style-type:disc:">
<li>INNOVATZ</li>
<li>MASTER MINDS</li>
<li>CODE SENSE</li>
<li>FUZON</li>
<li<GAMING</li>
</ul>
</body>
</html>
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
PRACTICAL NO.4
A. Write a HTML code to print the quadratic equation as follow: In mathematics, a

quadratic equation is a polynomial equation of the second degree. The general form is
ax2 + bx+c=0 H2O+CO2
ANSWER:-
SOURCE CODE:-
<html>
<head>
<title>EQUATION</title>
</head>
<body bgcolor="Pink">
<h1>QUADRATIC EQUATION</h1>
<p>ax<sup>2</sup>+bx+c=0</p>
<p>H<sub>2</sub>O+CO<sub>2</sub>
</body>
</html>
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
B. . Write a HTML Code to demonstrate all text formatting
ANSWER:-
SOURCE CODE:-
<html>
<head><center><b>HTML TAGS</b></center</head><br>
<title>HTML TAGS</title>
<body>
<ol type="1">
<li>"b" tag is used to <b>bold</b> the text.</li>
<hr>
<li>"u" tag is used to <u>Underline</u> the text.</li>
<hr>
<li>"del" tag is used to delete<del>delete</del> the text.</li>
<hr>
<li>"insert" tag is used to <insert>insert</insert> the text.</li>
<hr>
<li>"small" tag is used to <small>small</small> the text.</li>
<hr>
<li>"big" tag is used to <big>large</big> the text.</li>
<hr>
<li>"em" tag is uesd to <em>emphasized</em> the text.</li>
<hr>
<li>"sup" tag is used to <sup>superscript</sup> the text.</li>
<hr>
<li>"sub" tag is used to <sub>subscript</sub>the text.</li>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
<hr>
<li>"abbr" tag is used to <abbr>abbreviate</abbr> the text.</li>
<hr>
<li>"strong" tag is used to <strong>srtong</strong> the text.</li>
<hr>
</ol>
</body>
</html>
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
PRATICAL NO.5
. Write HTML code to produce the following output: Fruits & Vegetables
C. Vegetables
• Onions
• Potato
D. Fruits
• Mango
• Grapes
ANSWER:-
SOURCE CODE:-
<html>
<title>Fruits & Vegetables</title>
<h1><center>Fruits & Vegetables</cemter></h1>
<body bgcolor="yellow">
<ol type="A" start="3">
<li>Vegetable:</li>
<ul type="disc">
<li>Onion</li>
<li>Potato</li>
</ul>
<li>Fruits:</li>
<ul>
<li>Mango</li>
<li>Grapes</li>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
</ul>
</ol>
</body>
</html>
OUTPUT:-
B. Write code for the following list
• Newspaper
5. TOI
6. HT
7. Navbharat Times
• Magazines
i) The Week
ii) India Today
ANSWER:-
SOURCE CODE:-
<html>
<title>NEWSPAPERS & MAGAZINES</title>
<h1>>Newspapers & Magazines</h1>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
<body bgcolor="Pink">
<ul type="disc">
<li>Newspapers</li>
<ol type="1"start="5">
<li>TOI</li>
<li>HT</li>
<li>Navbharat Times</li>
</ol>
</ul>
<ul type="disc">
<li>Magazines</li>
<ol type="I">
<li>The Week</li>
<li>India Today</li>
</ol>
</ul>
</body>
</html>
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
PRATICAL NO.6
a) Write a HTML code to display the syllabus of BBA IInd usingMenu List.
ANSWER:-
SOURCE CODE:-
<html>
<head>
<title>Menu List</title>
</head>
<h1><center>BBA 2nd SEMESTER</center>
<h2><center>BUSINESS ENVIROMENT</center></h2>
<li><b>unit 1</b></li>
<li>business enviroment</li><br>
<li><b>Unit 2</b></li>
<li>economic enviroment </li><br>
<li><b>Unit 3</b></li>
<li> Socio Cultural Environment </li><br>
<li>political Environment</li>
<hr>
<h3><center>Business communition</center> </h3>
<li>Fundamental of communation</li><br>
<li>communicating in a multicultural world</li><br>
<hr>
</body>
</html>
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
b) Write a code for the following list (Definition List).E-Commerce

-Mobile CommerceWeb Commerce
ANSWER:-
SOURCE CODE:-
<html>
<title>defination list</title>
<h1><center><font color="brown" face="times new

roman"size="12">DEFINATION LIST</center></font><h1>
<dl>
<dt>E-COMMERCE</dt>
<dd>Mobile commerce</dd><br>
<dt>WEB COMMERCE</dt>
<dd>e banking</dd>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
</dl>
</body>
</html>
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
PRATICAL NO.7
A) Develop an HTML document which displays your name as heading and display the name
of any four of your friends in a list. Each friend’s name should be hyperlink when you click
friend’s name it must open another HTML document which tells about your
friend.
ANSWER:-
SOURCE CODE:-
<HTML>
<HEAD><CENTER><B>ABOUT FRIENDS</B></CENTER></HEAD>
<TITLE>FRIENDS</TITLE>
<BODY BGCOLOR="pink">
<BR>
<B>AMAN</B><BR>
He's one of my oldest friend.we are school friend. he is 19 year old and <br>from
delhi his hobbies are
football,table tennis,etc.
<BR>
<BR>
<B>ADITYA</B><BR>
HE lives in tagore garden and is 19 years old with 5feet 8inches tall<BR> born and
bought up in DELHI,
his hobbies r listening music ,watching netflix shows.
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
<BR>
<BR>
<B>ASHMEET</B><BR>
She lives in tiak nagar and is 19 years old she is heading towards future with<BR>
the hobbies
dancing, sketching, Listening to songs
<BR>
<BR>
<B>SHUBHAM</B><BR>
he's one who help me out from any situtation. he always guide people to be more
fit<br> and stay safe
he going to be a good enterpreneur
<BR>
<BR>
</BODY>
</HTML>
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
LINKED PAGE
LINKED PAGE
<HTML>
<HEAD>
</HEAD>
<BODY>
ABOUT <a href="MAINSOURCE.HTML">AMAN</A>
<BR>
<BR>
ABOUT <a href="MAINSOURCE.HTML">ADITYA</A>
<BR>
<BR>
ABOUT <a href="MAINSOURCE.HTML">ASHMEET</A>
<BR>
<BR>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
ABOUT <a href="MAINSOURCE.HTML">SHUBHAM</A>
<BR>
<BR>
</BODY>
</HTML>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
PRACTICAL NO.8
Create a table containing Sr No. , Name and Marks of 10 students.(Use all the attributes of
table tag i.e. border, bgcolor, width, cellspacing and cell padding).
ANSWER:-
SOURCE CODE:-
<html>
<head><center>TABLE CREATION</center></head><br>
<center><table border="5"bordercolor="BLUE"cellpadding="5"cellspacing="4"
bgcolor="orange"
style="border-collapse:collapse;color=blue;text-align:center;width:30%">
<caption><b>STUDENTS-INFORMATION</b></caption></center>
<tr>
<th>Sr.NO</th>
<th>NAME</th>
<th>MARKS IN PERCENTAGE</th>
</tr>
<tr>
<td>1</td>
<td>UMANG</td>
<td>90%</td>
</tr>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
<tr>
<td>2</td>
<td>ASHMEET</td>
<td>97%</td>
</tr>
<tr>
<td>3</td>
<td>ADITYA</td>
<td>95%</td>
</tr>
<tr>
<td>4</td>
<td>ANUSHKA</td>
<td>97%</td>
</tr>
<tr>
<td>5</td>
<td>PARV</td>
<td>85%</td>
</tr>
<tr>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
<td>6</td>
<td>NAMAN</td>
<td>95%</td>
</tr>
<tr>
<td>7</td>
<td>AMIT</td>
<td>92%</td>
</tr>
<tr>
<td>8</td>
<td>KETAN</td>
<td>91%</td>
</tr>
<tr>
<td>9</td>
<td>SHUBHAM</td>
<td>87%</td>
</tr>
<tr>
<td>10</td>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
<td>AKSHU</td>
<td>99%</td>
</tr>
</table>
</body>
</html>
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
PRACTICAL NO.9
Display the table with the given format with row-span and col-span
Semester Pass
Percentage
BBA I 99%
BCA III 98%
I 97%
MCA I 97%
ANSWER:-
SOURCE CODE:-
<html>
<title>Resul sheet</title>
<center><table
border="5"bgcolor="pink"cellspacing="5"cellpadding="8"height="300"wid
th="300"></center>
<caption><center><b>Result sheet</b></center></caption>
<tr align="center">
<th colspan=2>Semister</th>
<th>Pass percentage</th>
</tr>
<tr>
<td>BBA</td>
<td>I</td>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
<td>99%</td>
</tr>
<tr>
<td rowspan="2">BCA</td>
<td>III</td>
<td>98%</td>
</tr>
<tr>
<td>I</td>
<td>97%</td>
</tr>
<tr>
<td>MCA</td>
<td>I</td>
<td>97%</td>
</tr>
</table></center></font>
</body>
</html>
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
PRACTICAL NO.10
Display the Invoice of a company with proper formatting using all the attributes of
table. ANSWER:-
SOURCE CODE:-
<html>
<head>
<title>INVOICE</title>
</head>
<body>
<table align="center" border="5">
<caption>INVOICE OF ABC PVT.LTD. </caption>
<tr>
<th>ITEM/DESC. </th>
<th>QTY</th>
<th>@</th>
<th>Price</th>
</tr>
<tr>
<td>PAPERCLIPS(BOX)</td>
<td>100</td>
<td>1.15</td>
<td>115.00</td>
</tr>
<tr>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
<td>PAPER(CASE)</td>
<td>10</td>
<td>45.99</td>
<td>459.90</td>
</tr>
<tr>
<td>WASTEPAPER<br>BASKETS</td>
<td>2</td>
<td>17.99</td>
<td>35.98</td>
</tr>
<tr>
<th colspan="3">SUBTOTAL</th>
<td>610.88</td>
</tr>
<tr>
<th colspan="2">TAX</th>
<td>7%</td>
<td>42.76</td>
</tr>
<tr>
<th colspan="3">TOTAL</th>
<td>653.64</td>
</tr>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
</table>
</body>
</html>
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
PRACTICAL NO.11
Create a registration form using form tag in HTML.
ANSWER:-
SOURCE CODE:-
<html>
<head><center><b>Student Resgistration Form</b></center></head>
<body>
<form>
<ol>
<li>First Name:<input type="text">
middle Name:<input type="text">
Last Name:<input type="text">
</li><br>
<li>Father's Name:<input type="text></li><br>
<li>Contact Number:<input type="text">(enter the 10 digit mobile number)</li><br>
<li>Email-id:<input type="text">(enter the valid Email address)</li><br>
<li>Permanent address..:<br>
<textarea row="5" cols="30">Enter the permanent address</textarea>
</li><br>
<li>Date of Birth:<input type="date"></li><br>
<li>Sports that you want to join:
<select name="sports-list">
<option>cricket</option>
<option>Badminton</option>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
<option>Football</option>
<option>hockey</option>
<option>vollyball</option>
<option>Handball</option>
</select>
</li><br>
<li>Gender:
<select name="gender">
<option>Male</option>
<option>Female</option>
<option>Others</option>
</select>
</li><br>
<li>State:
<select name= "states name">
<option>DELHI</option>
<option>JAMMU & KASHMIR</option>
<option>HIMACHAL PRADESH/option>
<option>PUNJAB</option>
<option>HARYANA</option>
<option>RAJASTHAN</option>
<option>UTTAR PRADESH</option>
<option>ASSAM</option>
<option>ARUNACHAL PRADESH</option>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
<option>WEST BENGAL</option>
<option>GUJARAT</option>
<option></option>
</select>
</li></br>
<li>Qualification:<br><input type="radio">10th<br>
<input type="radio">12th<br>
<input type="radio">UG<br>
<input type="radio">PG<br>
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
PRACTICAL NO.12
Create a form in HTML to take feedback of customer for the service of a
restaurant. ANSWER:-
SOURCE CODE:-
<html>
<h2 align="center"><font color="blue"> CUSTOMER FEEDBACK

FORM</font></h2>
<body bgcolor="brown" text="white">
<table border="5" bgcolor="pink" align="center" text-align="center">
<form>
<tr>
<th colspan="4"><font color="purple" size="5">FEEDBACK

FORM</font><br><br>
<input type="date">
<input type="time"><br><br>
<font color="purple">CAFE:</font><input type="text" placeholder="enter the

cafe name">
</tr>
<tr>
<th> </th>
<th><font color="blue">Excellent</font></th>
<th><font color="blue">Satisfactory</font></th>
<th><font color="blue">very bad</font></th>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
</tr>
<tr>
<td> quality of food</td>
<td><input type="radio"></td>
</tr>
<tr>
<td> customer courtesy</td>
</tr>
<tr>
<td> food taste</td>
</tr>
<tr>
<td> speed of services</td>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
</tr>
<tr>
<td> MENU</td>
</tr>
<tr>
<td> cleanliness</td>
</tr>
<tr>
<td> VALUE</td>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
</tr>
<tr>
<td> HYGIENE</td>
</tr>
<tr>
<td> FOOD PRESENTATION</td>
</tr>
<tr>
<td> AMBIENCE/COMFORT</td>
</tr>
<tr >
<td colspan="4"><font color="purple"> Any further information:</font>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
<textarea>any suggestion...</textarea>
</td>
</tr>
<tr>
<td colspan="4" >
<input type="button" value="SUBMIT">
<input type="button" value="RESET">
</td>
</tr>
</form>
</table>
</body>
</html>
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
PRACTICAL NO.13
Design a website on 7 Wonders of World using various List option
& use Back option also to come back to main page.
ANSWER:-
SOURCE CODE:-
<html>
<head><center><b>GREAT WALL OF CHINA<hr></b></center></heaad>
<title>GREATWALL</title>
<body bgcolor="pink"face="times new roman"font size="12">
</font>
<center><img src="C:\Users\goodluck\Desktop\ankit project/great wall of

china.jpg"height="250px"width="300px"border="5px"borderolor="black"></center
>
<p>
<big>The Great Wall of China</big> is a series of fortifications that were built

across the historical northern borders of ancient Chinese states and Imperial
China<br> as protection against various nomadic groups from the Eurasian Steppe.
Several walls were built from as early as the 7th century BC, with selective stretches
later joined together by Qin Shi Huang (220–206 BC), the first emperor of China.
Little of the Qin wall remains.Later on, many successive dynasties built and
maintained multiple stretches of border walls. The most well-known sections of the
wall were built by the Ming dynasty (1368–1644).
Apart from defense, other purposes of the Great Wall have included border controls,
allowing the imposition of duties on goods transported along the Silk Road,
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
regulation or encouragement of trade and the control of immigration and

emigration.<br> Furthermore, the defensive characteristics of the Great Wall were
enhanced by the construction of watchtowers, troop barracks, garrison stations,
signaling capabilities through the means of smoke or fire, and the fact that the path
of the Great Wall also served as a transportation corridor.
</p>
<form>
<tr>
<td>
<center><input type="button" value="home"></center>
</tr>
</td>
</form>
</body>
</html>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
<html>
<head><center><b>CHICHEN ITZA<hr></b></center></heaad>
<title>CHICHEN</title>
<body bgcolor="lavender"face="times new roman"font size="12">
</font>
<center><img src="C:\Users\goodluck\Desktop\ankit
project/chichen.jpg"height="250px"width="300px"border="5px"borderolor="blac
k"></center>
<p>
<big>Chichen itza</big>Chichen Itza was a large pre-Columbian city built by the

Maya people of the Terminal Classic period. The archeological site is located in
Tinúm Municipality, Yucatán State, Mexico.<br>
Chichen Itza was a major focal point in the Northern Maya Lowlands from the
Late Classic (c. AD 600–900) through the Terminal Classic (c. AD 800–900) and
into the early portion of the Postclassic period (c. AD 900–1200).<br> The site
exhibits a multitude of architectural styles, reminiscent of styles seen in central
Mexico and of the Puuc and Chenes styles of the Northern Maya lowlands. The
presence of central Mexican styles was once thought to have been representative
of direct migration or even conquest from central Mexico, but most contemporary
interpretations view the presence of these non-Maya styles more as the result of
cultural diffusion.
</P>
<center>
<iframe width="420" height="315"

src="https://www.youtube.com/embed/zUBeiHgvG5w">
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
</iframe>
</center>
<form>
<tr>
<td>
</tr>
</td>
</form>
</body>
</html>
OUTPUT:-
<html>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
<head><center><b>PETRA<hr></b></center></heaad>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
<title>PETRA</title>
<body bgcolor="orange"face="times new roman"font size="12">
</font>
<center><img src="C:\Users\goodluck\Desktop\ankit
project/petra.jpg"height="250px"width="300px"border="5px"borderolor="
black"></center>
<p>
<big> Petra originally known to its inhabitants in as Raqmu or Raqēmō is a

historic and archaeological city in southern Jordan. It is adjacent to the
mountain of Jabal Al-Madbah, in a basin surrounded by mountains forming
the eastern flank of the Arabah valley running from the Dead Sea to the Gulf
of Aqaba.<BR> The area around Petra has been inhabited from as early as
7000 BC, and the Nabataeans might have settled in what would become the
capital city of their kingdom as early as the 4th century BC.Archaeological
work has only discovered evidence of Nabataean presence dating back to the
second century BC, by which time Petra had become their capital.[6] The
Nabataeans were nomadic Arabs who invested in Petra's proximity to the
incense trade routes by establishing it as a major regional trading hub.
The trading business gained the Nabataeans considerable revenue and Petra
became the focus of their wealth. The Nabataeans were accustomed to living
in the barren deserts, unlike their enemies, and were able to repel attacks by
taking advantage of the area's mountainous terrain. They were particularly
skillful in harvesting rainwater, agriculture and stone carving.<BR> Petra
flourished in the 1st century AD, when its famous Al-Khazneh structure –
believed to be the mausoleum of Nabataean king Aretas IV – was constructed,
and its population peaked at an estimated 20,000 inhabitants.
</p>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
<form>
<tr>
<td>
</tr>
</td>
</form>
</body>
</html>
OUTPUT:-
TAJ MAHAL
<html>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
<head><center><b>TAJ MAHAL<hr></b></center></heaad>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
<title>TAJ</title>
<body bgcolor="peachpuff"face="times new roman"font size="12">
</font>
<center><img src="C:\Users\Anshul\Desktop\codes\
taj.png"height="250px"width="300px"border="5px"border olor="black"></center>
<p>
<big>The Taj Mahal</big> 'Crown of the Palace', originally the Rauza-i-munawwara is an ivory-
white marble mausoleum on the southern bank of the river Yamuna in the Indian city of Agra. It
was commissioned in 1632 by the Mughal emperor Shah Jahan (reigned from 1628 to 1658) to
house the tomb of his favourite wife,<BR> Mumtaz Mahal; it also houses the tomb of Shah Jahan
himself. The tomb is the centrepiece of a 17-hectare (42-acre) complex, which includes a mosque
and a guest house, and is set in formal gardens bounded on three sides by a crenellated wall.
</P>
<form>
<tr>
<td>
</tr>
</td>
</form>
</body>
</html>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
<html>
<head><center><b>MACHU PICCHU<hr></b></center></heaad>
<title>MACHU</title>
<body bgcolor="AQUAMARINE"face="times new roman"font size="12">
</font>
machu.png"height="250px"width="300px"border= "5px"borderolor="black"></center>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
<p>
<big>Machu Picchu </big>is a 15th-century Inca citadel, located in the Eastern Cordillera
of southern Peru, on a 2,430-meter (7,970 ft) mountain ridge. It is located in the
Machupicchu District within Urubamba Province above the Sacred Valley, which is 80
kilometers (50 mi) northwest of Cuzco. The Urubamba River flows past it, cutting through
the Cordillera and creating a canyon with a tropical mountain climate.
For most speakers of English or Spanish, the first 'c' in Picchu is silent. In English, the
name is pronounced /ˌmɑːtʃuː piːtʃuː/ or /ˌmɑːtʃuː piːktʃuː/,in Spanish as [ˈmatʃu ˈpitʃu] or
[ˈmatʃu ˈpiktʃu], and in Quechua (Machu Pikchu).
</P>
<form>
<tr>
<td>
</tr>
</td>
</form>
</body>
</html>
OUTPUT
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
CHRIST THE REDEEMER
<html>
<head><center><b>CHRIST THE REDEEMER<hr></b></center></heaad>
<title>CHRIST</title>
<body bgcolor="lightblue"face="times new roman"font size="12">
</font>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
christ.png"height="250px"width="250px"border=" 5px"borderolor="black"></center>
<p>
<big>Christ the Redeemer</big> (Portuguese: Cristo Redentor, standard Brazilian

Portuguese: [ˈkɾistu ʁedẽˈtoʁ], <br>local pronunciation: [ˈkɾiɕt e dẽˈtoɦ]) is an Art Deco
statue of Jesus Christ in Rio de Janeiro, Brazil, created by French sculptor Paul
Landowski and built by Brazilian engineer Heitor da Silva Costa,<br> in collaboration
with French engineer Albert Caquot. Romanian sculptor Gheorghe Leonida fashioned the
face.<br> Constructed between 1922 and 1931, the statue is 30 metres (98 ft) high,
excluding its 8- metre (26 ft) pedestal. The arms stretch 28 metres (92 ft) wide.
The statue weighs 635 metric tons (625 long, 700 short tons), and is located at the peak of
the 700-metre (2,300 ft) Corcovado mountain in the Tijuca Forest National Park
overlooking the city of Rio de Janeiro. A symbol of Christianity across the world,<br> the
statue has also become a cultural icon of both Rio de Janeiro and Brazil, and was voted as
one of the New Seven Wonders of the World. It is made of reinforced concrete and
soapstone.
Vincentian priest Pedro Maria Boss first suggested placing a Christian monument on
Mount Corcovado in the mid 1850s to honor Princess Isabel, regent of Brazil and the
daughter of Emperor Pedro II, but the project was not approved. In 1889, the country<br>
became a republic, and due to the separation of church and state, the proposed statue was
dismissed.
</p>
<form>
<tr>
<td>
</tr>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
</td>
</form>
</body>
</html>
OUTPUT
Source:-
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
<html>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
<title>WONDERS</title>
<head><b>SEVEN WONDERS OF EARTH<hr></b></head>
<body BGCOLOR="green"><br><br>
<a href="machu.html">MACHU PICCHU:<a/><br><br>
<a href="petra.html">PETRA:<a/><br><br>
<a href="GREATWALL.html">GREAT WALL OF CHINA:<a/><br><br>
<a href="chichen.html">CHICHEN ITZA:<a/><br><br>
<a href="colosseum.html">COLOSSEUM:<a/><br><br>
<a href="1st wonder.html">CHRIST THE REDEEMER:<a/><br><br>
<a href="taj.html">TAJ MAHAL:<a/><br><br>
</body>
</html>
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
PROJECT NO.14
Create a web page to embed multimedia component (Audio and Video) in HTML.
ANSWER
SOURCE CODE :-
<html>
<head><center><b>CHICHEN ITZA<hr></b></center></heaad>
<title>CHICHEN</title>
<body bgcolor="pink"face="times new roman"font size="12">
</font>
<p>
<big>Chichen itza</big>Chichen Itza was a large pre-Columbian city built by the Maya
people of the Terminal Classic period. The archeological site is located in Tinúm
Municipality, Yucatán State, Mexico.<br>
</P>
<CENTER>
<AUDIO CONTROLS>
<SOURCE SRC="C:\Users\Anshul\Desktop\codes\AUDIO (2)" TYPE="AUDIO/MPEG">
</CENTER><BR>
<center>
<iframe width="420" height="315"

src="https://www.youtube.com/embed/zUBeiHgvG5w">
</iframe>
</center>
<form>
<tr>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
<td>
</tr>
</td>
</form>
</body>
</html>
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
PRACTICAL NO.15
Design the following webpage using <frameset> tag in HTML.
ANSWER :
SOURCE CODE:
<html>
<frameset cols="35%,30%, *">
<frame src="p15a.html">
<frameset rows="60%, *">
<frame src="p15b.html">
<frame src="p15c.html">
</frameset>
<frame src="p15d.html">
</frameset>
</html>
 <html>
<h1 align="center"><font color="red">MINERALS</font></h1>
<body bgcolor="skyblue">
<p>Minerals are solid substances that are present in nature and can be
made of one element or more elements combined together (chemical
compounds). Gold, Silver and carbon are elements that form minerals
on their own. ... For example, rock salt or kitchen salt is a mineral
formed of cubic-shaped crystals. </p>
ANKIT
GOMBER BBA
[E1] Page 75
E COMMERCE LAB
</body>
</html>
 <html>
<h1 align="center"><font color="red">VITAMINS</font></h1>
<body bgcolor="cornsilk">
<p>Vitamins are substances that your body needs to grow and develop
normally. There are 13 vitamins your body needs. They are. Vitamin A.
B vitamins (thiamine, riboflavin, niacin, pantothenic acid, biotin,
vitamin B-6, vitamin B-12 and folate) </p>
</body>
</html>
 <html>
<h1 align="center"><font
color="red">CARBOHYDRATES</font></h1>
<p>Carbohydrates, or carbs, are sugar molecules. Along with proteins

and fats, carbohydrates are one of three main nutrients found in foods
and drinks. Your body breaks down carbohydrates into glucose.
Glucose, or blood sugar, is the main source of energy for your body's
cells, tissues, and organs. </p>
</body>
</html>
 <html>
<h1 align="center"><font color="red">PROTEINS</font></h1>
ANKIT
GOMBER BBA
[E1] Page 76
E COMMERCE LAB
<body bgcolor="turquoise">
<p>Protein is a macronutrient that is essential to building muscle mass.

It is commonly found in animal products, though is also present in other
sources, such as nuts and legumes. There are three macronutrients:
protein, fats and carbohydrates. Macronutrients provide calories, or
energy. </p>
</body>
</html>
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page 77
E COMMERCE LAB
PRACTICAL NO.16
Design the webpage which shows the implementation of navigation frames.
SOURCE CODE:
<html>
<frameset cols="50%, *">
</frameset>
</html>
1.
<html>
<head>
<style>
.list{
text-decoration: none;
margin: 20px;
</style>
</head>
<body bgcolor="#fed8b1">
<h1 align="center"><font color="red"> Navigation Frames</font></h1

>
ANKIT
GOMBER BBA
[E1] Page 78
E COMMERCE LAB
<a href="p13.html" class="list hh"> FRAME A </a> <br>
<a href="p11.html" class="list"> FRAME B </a> <br>
<a href="p10.html" class="list"> FRAME C </a> <br>
</body>
</html>
OUTPUT:
 By clicking on FRAME, A, we will get this.
ANKIT
GOMBER BBA
[E1] Page 79
E COMMERCE LAB
 By clicking on FRAME B, we will get this.
ANKIT
GOMBER BBA
[E1] Page 80
E COMMERCE LAB
 By clicking on FRAME C, we will get this.
PRACTICAL N0. 17
Design website of IITM for given format using frame tag.
SOLUTION:
SOURCE CODE:
ANKIT
GOMBER BBA
[E1] Page 81
E COMMERCE LAB
<html>
<frameset rows="30%,60%, *">
<frameset cols="20%, *">
<frame name="showframe" src="p17c.html">
</frameset>
<frame src="p17d.html">
</frameset>
</html>
*A
<html>
<head>
<style>
body {
background-image: url('header2.jpg');
background-repeat: no-repeat;
ANKIT
GOMBER BBA
[E1] Page 82
E COMMERCE LAB
background-attachment: fixed;
background-size: 100% 100%;
</style>
</head>
<body text="red" >
<h1 align="center"><b><u>Institute of Information Technology and Mana

gement </u></b></h1>
</center><br>
<marquee width="60%" , direction="left" height="100px"><b>Affiliation

Details</b></marquee>
<img src="iitm logo.png" height="100" width="100" align="left">
</body>
</html>
*B
<html>
<head>
ANKIT
GOMBER BBA
[E1] Page 83
E COMMERCE LAB
<style>
body {
background-image: url('menu.jpg');
a{
a li{
margin: 20px;
font-weight: bold;
</style>
</head>
<center><br><br>
<ul>
ANKIT
GOMBER BBA
[E1] Page 84
E COMMERCE LAB
<a href="p17b1.html" target="showframe">
<li>ABOUT</li>
</a>
<li>COURSES</li>
</a>
<li>FACULTY</li>
</a>
<li>CONTACT US</li>
</a>
<li>FEEDBACK FORM</li>
</a>
</ul>
</center>
</body>
</html>
ANKIT
GOMBER BBA
[E1] Page 85
E COMMERCE LAB
*B1
<html>
<head>
<style>
body {
background-image: url('about.jpg');
</style>
</head>
<body text="white">
<h1>
<center><b><u>ABOUT</u></b></center>
</h1>
<img src="iitm bul.jpg" height="200" width"250" align="left">
ANKIT
GOMBER BBA
[E1] Page 86
E COMMERCE LAB
The Institute aims to develop as a Centre of Excellence for imparting techni

cal education and generating competent
professionals with a high degree of credibility, integrity and ethical standar

ds. The Institute is passionate about
grooming leaders who are not only thorough professionals, but also good hu
man beings with values and “sanskars”.
Education is a life-
long process, but it must develop from firm and broad foundation. The goal of
the Institute is
to inculcate in the students a love for learning and a desire to excel at every
level. The Institute also aims at
equipping the students with the intellectual and practical skills that are nece
ssary to meet the inevitable
challenges in the future.
The Institute has a sprawling campus where undergraduate programs in inf

ormation technology and management are run
in affiliation with Guru Gobind Singh Indraprastha University, Delhi and a

re approved by the Government of NCT of
Delhi. The campus provides a pleasant and intellectually stimulating ambia

nce. It has spacious Air-Conditioned
lecture theaters, computer labs with i5 computers, a well-

stocked library and other essential infrastructural
facilities.
ANKIT
GOMBER BBA
[E1] Page 87
E COMMERCE LAB
</body>
</html>
*B2
<html>
<head>
<style>
body {
background-image: url('contact.jpg');
</style>
</head>
<body text="white">
<h1>
<center><b><u>COURSES</u></b></center>
</h1>
ANKIT
GOMBER BBA
[E1] Page 88
E COMMERCE LAB
<ul>
<li>Bachelor of Business Administration (BBA) (2018 onwards) </li>
<li>Bachelor of Computer Application (BCA)</li>
<li>Bachelor of Commerce (B. Com(H)) </li>
<li>Master of Business Administration (MBA)</li>
<li>Master of Computer Application (MCA)</li>
</ul>
</body>
</html>
*B4
<html>
<head>
<style>
body {
background-image: url('facility.jpg');
ANKIT
GOMBER BBA
[E1] Page 89
E COMMERCE LAB
</style>
</head>
<body>
<h1>
<center><b><u>FACULTY</u></b></center>
</h1>
<ul>
<li>Dr. Geeta Mahajan
Professor
B.Com., M.Com., B. Fellow ICA, Ph.D.
geetarmahajan@gmail.com</li>
<li>Dr. Kamaljeet Kaur
Associate Professor
M.A, PGHRM, Ph.D.
kamaljitkaursahdev@gmail.com</li>
<li>Dr. Renu Choudhary
Associate Professor
M.Com (ABST), Fellow C S, Ph.D.
ANKIT
GOMBER BBA
[E1] Page 90
E COMMERCE LAB
drrenu_choudhary@iitmipu.ac.in</li>
<li>Dr. Virender Kumar Dahiya
Associate Professor
B.Sc. (Electronics), MBA, M.Sc. (Psychology), NET, Ph.D.
virenderdahiya@iitmipu.ac.in</li>
<li>Dr. Gopal Singh Latwal
Associate Professor
MBA, M. Phil, UGC-NET, Ph.D.
gopalsingh.latwal@iitmipu.ac.in</li>
<li>Dr. Deepika Arora
Associate Professor
B. Com, M. Com, M. Phil, NET., Ph.D.
deepika.arora@iitmipu.ac.in</li>
<li>Dr. Vikas
Associate Professor
B. Com, M. Com, M. Phil, Ph.D. NET
vikas.bharara@iitmipu.ac.in</li>
<li>Mr. Soumitra Mookherjee
Associate Professor
MBA
somitra09@gmail.com</li>
ANKIT
GOMBER BBA
[E1] Page 91
E COMMERCE LAB
<li>Dr. Jyoti Bhabhan Jeswani
Associate Professor
B. Com, M. Com, Ph.D.
drjyoti@iitmipu.ac.in</li>
<li>Dr. Sunitha Ravi
Associate Professor
MBA, M. Phil, PGDHRM, Ph.D.
drsunitharavi@iitmipu.ac.in</li>
<li>Dr. Malvika Srivastava
Associate Professor
BA, MBM, Ph.D.
drmalavikasrivastava@iitmipu.ac.in</li>
<li>Dr. Mandeep Singh
Associate Professor
B. Tech, MBA, Ph.D.
placements@iitmipu.ac.in</li>
<li>Dr. Savita Waswani
Associate professor
B.Com., M. Com, MBA, NET, Ph.D.
drsavitawaswani@iitmipu.ac.in</li>
<li>Ms. Harmeet Malhotra
ANKIT
GOMBER BBA
[E1] Page 92
E COMMERCE LAB
Assistant Professor
B.C.A., MCA, M. Phil, Pursuing Ph.D.
harmeetmalhotra@iitmipu.ac.in</li>
<li>Ms. Sonal Nanda
Assistant Professor
B.A., M.A.
sonalnanda17@yahoo.com</li>
<li>Mr. Raghav Jain
Assistant Professor
MBA, M. Com, UGC NET, Pursuing Ph.D.
raghavjain@iitmipu.ac.in</li>
<li>Ms. Nidhi Srivastava
Assistant Professor
BCA, MCA, MTech
nidhisrivastava@iitmipu.ac.in</li>
<li>Ms. Benu Bharara
Assistant Professor
M.Com, PGDM
benu@iitmipu.ac.in</li>
<li>Ms. Chitra
Assistant Professor
ANKIT
GOMBER BBA
[E1] Page 93
E COMMERCE LAB
B.E., M.Tech.
chitranasa@iitmipu.ac.in</li>
<li>Ms. Pooja Narang
Assistant Professor
MBA, M.Phil., NET
poojanarang@gmail.com</li>
<li>Ms. Manisha
Assistant Professor
B. Com(H), M. Com, UGC NET
manishakataria@iitmipu.ac.in</li>
<li>Mr. Gautam Kumar
Assistant Professor
BCA, MCA
webadmin@iitmipu.ac.in</li>
<li>Mr. Himanshu Matta
Assistant Professor
BBA, MBA, NET, Pursuing Ph.D.
himanshumata@iitmipu.ac.in</li>
<li>Ms. Rachita Arora
Assistant Professor
MA (Economics); UGC-NET
ANKIT
GOMBER BBA
[E1] Page 94
E COMMERCE LAB
rachitaarora@iitmipu.ac.in</li>
<li>Ms. Tamanna Goel
Assistant Professor
B.Com.(Hons.), M.Com., UGC - NET
tamannagoel@iitmipu.ac.in</li>
<li>Ms. Arushi Grover
Assistant Professor
BBA, MBA, UGC NET
arushigrover.iitm@gmail.com</li>
</ul>
</body>
</html>
*B4
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
ANKIT
GOMBER BBA
[E1] Page 95
E COMMERCE LAB
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body {
background-image: url('contact.jpg');
</style>
</head>
<body>
<h1>CONTACT US</h1>
<p>D-
29 , Janakpuri Industrial area , Janakpuri,New Delhi,Delhi 110058</p>
<p>Phone: 011 2852 5882</p>
</body>
ANKIT
GOMBER BBA
[E1] Page 96
E COMMERCE LAB
</html>
*B5
<html>
<head>
<style>
body {
background-image: url('feedback.jpg');
</style>
</head>
<body>
<h1>
<center><b><u>FEEDBACK FORM</u></b></center>
</h1>
<html>
<h2 align="center">
ANKIT
GOMBER BBA
[E1] Page 97
E COMMERCE LAB
<font color="blue"> FEEDBACK FORM</font>
</h2>
<body text="white">
<table border="5" bgcolor="skycorn" aligns="center" text-

align="center">
<form>
<tr>
<th colspan="4">
<font color="purple" size="5">FEEDBACK FORM</font><br

><br>
<input type="date">
<input type="time"><br><br>
<font color="purple">STUDENT NAME:</font><input type="

text"
placeholder="enter the student’s name">
</tr>
<tr>
<th> </th>
<th>
<font color="blue">Excellent</font>
</th>
<th>
ANKIT
GOMBER BBA
[E1] Page 98
E COMMERCE LAB
<font color="blue">Satisfactory</font>
</th>
<th>
<font color="blue">very bad</font>
</th>
</tr>
<tr>
<td> quality of education</td>
</tr>
<tr>
<td>campus experience</td>
</tr>
<tr>
<td>faculty behaviour</td>
ANKIT
GOMBER BBA
[E1] Page 99
E COMMERCE LAB
</tr>
<tr>
<td>presentation</td>
</tr>
<tr>
<td>other activities</td>
</tr>
<tr>
<td>cleanliness</td>
</tr>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
<tr>
<td> VALUE</td>
</tr>
<tr>
<td> HYGIENE</td>
</tr>
<tr>
<td> FOOD PRESENTATION</td>
</tr>
<tr>
<td> AMBIENCE/COMFORT</td>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
</tr>
<tr>
<td colspan="4">
<font color="purple"> Any further information:</font>
<textarea>any suggestion...</textarea>
</td>
</tr>
<tr>
<td colspan="4">
<input type="button" value="SUBMIT">
<input type="button" value="RESET">
</td>
</tr>
</form>
</table>
</body>
</html>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
*C
<html>
<head>
<style>
body {
background-image: url('content.jpg');
</style>
</head>
<body text="white">
<center><br><br><br><br><br><br><b>Content about IITM. Here</b

>
</center>
</body>
</html>
*D
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
<html>
<head>
<style>
body {
background-image: url('footer2.jpg');
</style>
</head>
<body >
<center>© Copyright Act<br>Developed By: Nishant Aggarwal
</center>
</body>
</html>
OUTPUT:
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
 By clicking on ABOUT, we will get this output.
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
 By clicking on COURSES, we will get this output.
 By clicking on FACULTY, we will get this output.
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
 By clicking on CONTACT US, we will get this output.
 By clicking on FEEDBACK FORM, we will get this output
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
PRACTICAL NO.18
Design a website that demonstrates the Image map.
<html>
<head>
<title>USEMAP</title>
</head>
<body>
<center><img src="indiamap.jpg" alt="india" usemap="#mymap" width="1

000" height="1042"></center>
<map name="mymap">
<area shape="rect" coords="675,358,5" alt="bhopal" href="https://en.wikip

edia.org/wiki/Delhi">
<area shape="rect" coords="112,464,255,576" alt="gujrat" href="https://en.

wikipedia.org/wiki/Gujarat">
</map>
</body>
</html>
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
PROJECT NO.19
Create a web page that demonstrates external CSS (including tags, image,heading
etc. )
ANSWER
SOURCE CODE:-
1. HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HTML</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<ul class="nav">
<li><a href="#">Home</a></li>
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
<li><a href="#">About us</a></li>
<li><a href="#">Service</a></li>
<li><a href="#">Our order</a></li>
</ul>
</header>
<div>
<h1>This is my website </h1>
<p>The popular thriller web series The Family Man is coming back for seas
on 2 on June 4, 2021. The Raj and DK show will see Srikant Tiwari (Manoj B
ajpayee) come face to face with a dangerous adversary in the form of Raaji, pl
ayed by Samantha Akkineni.
</p>
</div>
</body>
</html>
2. CSS
body {
font-family: 'Baloo Bhaina 2', cursive;
padding: 00px;
margin: 00px;
background-color: black;
color: white;
}
header::before{
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
background:
url('https://source.unsplash.com/collection/190727/1600x900') no-
repeat center center/cover;
content: "";
position: absolute;
width:100%;
height:100%;
z-index: -1;
opacity: 0.5;
top: 0;
left:0;
.nav {
display: flex;
li {
list-style: none;
margin: 2px;
padding: 20px;
ul li a {
color: white;
list-style: none;
}
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
ul li
a:hover{ color:
grey;
font-weight: bold;
div {
height: 0350px;
margin: 80px 60px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
h1 {
font-size: 4rem;
}
p{
font-size: 25px;
text-align: center;
}
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB
PRACTICAL NO.20
Create a hyperlink with different colors.
ANSWER:-
SOURCE CODE:-
<html>
<head><center><b><font size="40px">Creating a hyperlink with

colors</font></b><hr></center></head>
<style>
h2
ANKIT
GOMBER BBA
[E1] Page
E COMMERCE LAB FILE
{color:green;margin-right:50px;}
/*visited link*/
a:visited{color:red;}
/*not visited link*/
a:link{color:red;}
/*mouse over link*/
a:hover{colour:aqua;}
/*selected link*/
a:active{color:blue;}
</style>
<body bgcolor="PINK">
<h2>Hyperlink</h2>
<a href="http://www.iitmjanakpuri.com/">IITM JANAKPURI </a>
</body>
</html>
OUTPUT:-
ANKIT
GOMBER BBA
[E1] Page

E-Commerce Lab File

Uploaded by

Copyright:

Available Formats

You might also like

E-Commerce Lab File

Uploaded by

Document Information

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 Lab File

Uploaded by

Copyright:

Available Formats

E COMMERCE LAB FILE

PRACTICAL LAB FILE ON

SUBMITTED TO: : SUBMITTED BY

MS. ANKITA ANKIT GOMBER

(Assistant Professor) ENROLLMENT NO:

MS. NIDHI SRIVASTAVA

1. a) Introduction to Word Wide Web, Web Browser, Search Engine. 18-05-2021

b) Create a web page which display a message “This is my First 18-05-2021

c) Create a web page containing basic elements of HTML, in 18-05-2021

d) Create a web page demonstrating paragraph tag and basic 18-05-2021

2. a) Write a HTML code to print the quadratic equation as follow: 29-05-2021

3. a) Insert an image in a document and link it to some other page. 22-05-2021

INTRODUCTION TO HTML LISTS

affiliated colleges to show case their talent.)

b) Write code to display the events of Techno sapiens & 25-05-2021

INTRODUCTION TO TABLES IN HTML

8. Create a table containing Sr No., Name and Marks of 10 students. 08.06.2021

INTRODUCTION TO FRAMES IN HTML

Institute of Information Technology

Faculty Detail Content about IITM. Here

18. Design a website that demonstrates the Image map. 17.07.2021

20. Create a hyperlink with different colors 20.07.2021

A. Brief history of Web Browsers, Search Engines, HTML.

SEARCH ENGINE :- It refers to a huge database of internet resources such as

Search Engine Components

Search Engine Working

My name is ankit gomber . I am 18 years old . Currently I did my graduation in

<title>Paragraph tag </title>

<i>is used to define a paragraph in a web page.</i>

A. Create an HTML document containing 4 images differently aligned.

<title>HTML ORDERED LIST</title>

<h1><center>Anugoonj-University Annual Cultural Festival</center></h1>

<li>Story Writing Competition</li>

<title>HTML UNORDERD LIST</title>

<h1><center>Events of Techno sapiens & Management sapies</center></h1>

<h2><center>IITM JANAK PURI</center></h2>

A. Write a HTML code to print the quadratic equation as follow: In mathematics, a

ax2 + bx+c=0 H2O+CO2

B. . Write a HTML Code to demonstrate all text formatting

<title>Fruits & Vegetables</title>

<h1><center>Fruits & Vegetables</cemter></h1>

<ol type="A" start="3">

B. Write code for the following list

<title>NEWSPAPERS & MAGAZINES</title>

<h1>>Newspapers & Magazines</h1>

b) Write a code for the following list (Definition List).E-Commerce

<h1><center><font color="brown" face="times new

his hobbies r listening music ,watching netflix shows.

dancing, sketching, Listening to songs

he going to be a good enterpreneur

ABOUT <a href="MAINSOURCE.HTML">AMAN</A>

ABOUT <a href="MAINSOURCE.HTML">ADITYA</A>

ABOUT <a href="MAINSOURCE.HTML">ASHMEET</A>

ABOUT <a href="MAINSOURCE.HTML">SHUBHAM</A>

<table align="center" border="5">

<caption>INVOICE OF ABC PVT.LTD. </caption>

<head><center><b>Student Resgistration Form</b></center></head>

<li>First Name:<input type="text">