Institute of Information Technology & Management, New Delhi

List of Practical: E Com. Lab

Programme: BCOM Semester: VI Paper Code: 308 Academic Year: 2022- 2023

S.No. Topic Page Date Si

No. gn

INTRODUCTION TO HTML BASIC AND ADVANCED FORMATTING TAGS

1. Brief history of web browsers, search

engines, HTML.

2. Create a web page containing basic

elements of HTML, in which student
must write description about
herself.(Resume)
Wite a HTML code which display the
following expression.Put the heading as
“Chemical Equation”

4H3PO3 = 3H3PO4 + PH3

and other expression as
Pnew = Pold + x2 –y acosx
3.
Create a web page describing your 4
friend, where default font size should be
6 and Friend Name should be moving
Assign a suitable background color and
4. text color
INTRODUCTION TO HTML LISTS
 E-COMMERCE PRACTICAL FILE

5. Create a web page using HTML that

has an ordered list of 5 elements and
unordered list of 5 elements.

6. Write HTML code to produce the

following output:
Fruits and vegetables
C. Vegetables
 Onion
 Potato
D. Fruits
 Mango
 Grapes
Second Nested List Should be as
follows:
Newspapers and Magazines
 Newspaper
5. TOI
6. HT
7. Navbharat Times
 Magazines
i. The Week
ii. India today

7. Write a code for the following

Definition list:
Wheat
-A baked food made of flour.
Coffee
-A drink made from roasted coffee
beans.
8. Create an HTML containing 3 images
differently aligned.

INTRODUCTION TO HYPERLINK IN
HTML
 E-COMMERCE PRACTICAL FILE

9. Create an HTML document

demonstrating the use of text
hyperlink.

10. Insert an image in a document and link

it to some other page.
11. 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.

12. Create a static page of astrology site

and use hyperlink to open the
horoscope of different Zodiac Sign.

INTRODUCTION TO TABLES IN
HTML
13. 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)
14. Displa the table with the given
y
format with row-span and col-span

Semester Pass
Percentage
BBA I 99%
BCA III 98%
I 97%
MCA I 97%
 E-COMMERCE PRACTICAL FILE

15. Display the Invoice of a company with

proper formatting using all the
attributes of table.
INTRODUCTION TO FRAMES IN HTML
16. Design the following webpage using
<frameset> tag in HTML

17. Design the following webpage using

frameborder, noresize, marginwidth
andmarginheightattributesof
<frame> tag in HTML

18. Design the webpage which shows the

implementation of navigation frames.
 E-COMMERCE PRACTICAL FILE

E-COMMERCE
PRACTICAL FILE

19. Design website of IITM for given

format using frame tag.

Institute of Information Technology

and Management
Affiliation Details
About Us
Faculty Content about IITM.
Detail Here
Programs
Offered

© Copyright Act
Developed By: Developer Name

20. Create a webpage to embed

Multimedia component in HTML.

21. Create a webpage to embed a

YouTube video in HTML.

22. Create a registration form using form

tag in HTML.

23. Create a form in HTML to take

feedback of customer for the service
of a restaurant.
24. Create a University website having
atleast three pages. Pages should
consist of enquiry,admission,
examination and result, etc.
 E-COMMERCE PRACTICAL FILE

PRACTICAL-1

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

Ans.

 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.
 E-COMMERCE PRACTICAL FILE

 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.

 Search Engine Components

Generally there are three basic components of a search engine as listed below:
1. Web Crawler
2. Database
 E-COMMERCE PRACTICAL FILE

3. Search Interfaces

 Web Crawler:- 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 may vary from one search engine to 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
 E-COMMERCE PRACTICAL FILE

PRACTICAL-2

Q. Create a web page containing basic elements of HTML, in which student must write
description about herself.
Ans.
Source code:-

<html>
<head>
<title>Q2 </title>
<body>
My name is Anshul. I am 20 years old. I am doing my graduation in BCOM from XYZ
college.
I have done my schooling from ABC school. My hobbies are playing football,
cinematography, etc.
</body>
</html>

Output:-
E-COMMERCE PRACTICAL FILE
 E-COMMERCE PRACTICAL FILE

PRACTICAL-3

Q. Write HTML code which display the following expression. Put the heading as
“Chemical Equation”
4H3PO3 = 3H3PO4 + PH3 and other expression as Pnew = Pold + x2 –y acosx.
Ans.
Source code:-

<html>
<h1> Chemical equation </h1>
<title> Anshul</title>
<body>
4H3PO3 = 3H3PO4 + PH3
<br>Pnew = Pold + x2-y acosx </br>
</body>
</html>

Output:-
 E-COMMERCE PRACTICAL FILE

PRACTICAL-4

Q. Create a web page describing your 4 friend, where default font size should be 6.
Assign a suitable background color and text color.
Ans.
Source code:-

<html>
<head>
<body bgcolor="#355C7D">
<title> Anshul</title>
<p>
<font size="6" color="#F8B195">
1- My childhood freind, we went to school together.
</font>
</p>
<p>
<font size="6" color="#F8B195">
2- The "wise guy". He's the retro soul of our group.
</font>
</p>
<p>
<font size="6" color="#F8B195">
3- The Stickman. He can't kick a football.
</font>
</p>
<p>
<font size="6" color="#F8B195">
4- We grew up together, we bonded over movies.
</font>
</p>
</body>
</html>
 E-COMMERCE PRACTICAL FILE

Output:-

PRACTICAL-5

Q. Create a web page using HTML that has an ordered list of 5 elements and
unordered list of 5 elements.
Ans.
Source code:-
<html>
<head>
<title>question 5</title>
</head>
<body>
 E-COMMERCE PRACTICAL FILE

<ol>
<B>Fruits</B><br>
<li>Mango</li>
<li>Kivi</li>
<li>Apple</li>
<li>Banana</li>
<li>Grape</li>
</ol>
<ul>
<B>Vegetables</B><br>
<li>Potato</li>
<li>Tomato</li>
<li>Ladyfinger</li>
<li>Brinjal</li>
<li>Onion</li>
</ul>
</body>
</html>

Output:-

PRACTICAL-6

Q. Write HTML code to produce the following output:

Fruits and vegetables
C. Vegetables
 Onion
 Potato
D. Fruits
 Mango
 Grapes
Second Nested List Should be as follows:
Newspapers and Magazines
 Newspaper
5. TOI
6. HT
7. Navbharat Times
 Magazines
i. The Week
ii. India Today
 E-COMMERCE PRACTICAL FILE

Ans.
Source code:-

<html>
<head>
<title>Q6 </title>
</head>
<body>
<h1>Fruits & Vegetables</h1>
C. Vegetable
<ul>
<li>Onion</li>
<li>Potato</li>
</ul>
D. Fruits
<ul>
<li>Mango</li>
<li>Grapes</li>
</ul>
<h1> Newspapers & Magazines</h1>
<ul>
<li>Newspaper</li>
<ol start=5>
<li>TOI</li>
<li>HT</li>
<li>Navbharat Times</li>
</ol>
<li>Magazines</li>
<ol type="i">
<li>The Week</li>
<li>India Today</li>
</ol>
</ul>
</body>
</html>

Output:-

PRACTICAL-7

Q. Create a code for the following Definition list:

 E-COMMERCE PRACTICAL FILE

 Wheat
-A baked food made of flour.
 Coffee
-A drink made from roasted beans.

Ans.
Source code:-

<html>
<head>
<title> Q7 </title>
</head>
<body>
<dl>
<dt><b> Wheat </dt></b>
<dd> A baked food made of flour. </dd>
<dt><b> Coffee </dt></b>
<dd> A drink made from roasted beans. </dd>
</dl>
</body>
</html>

Output:-

PRACTICAL-8

Q. Create an HTML containing 3 images differently aligned.

Ans.

Source code:-
<html>
<head>
<title> Q8 </title>
</head>
<body>
<h1> HTML Image </h1>
<center><img width = "400" align="top" src="images/pierre.jpg" alt="Pierre"/></center>
<img width = "400" align="right" src="images/goethe.jpg" alt="Goethe"/>
<img width = "400" align="left" src="images/musashi.jpg" alt="Musashi"/>
</body>
</html>

Output:-
 E-COMMERCE PRACTICAL FILE

PRACTICAL-9

Q. Create an HTML document demonstrating the use of text hyperlink.

Ans.

Source code:-
<html>
<head>
<title> Q9 </title>
</head>
<body>
<h1> Hyperlinks</h1>
<p><a href="https://www.nvidia.com/">NVIDIA</a></p>
</body>
</html>

Output:-

PRACTICAL-10

Q. Insert an image in a document and link it to some other page.

Ans.
 E-COMMERCE PRACTICAL FILE

Source code:-
<html>
<head>
<title> Q10 </title>
</head>
<body>
<h1> Hyperlink to an image </h1>
<p><a href=" https://www.youtube.com/watch?v=Gsq1QhVDXyY">
<img src="images/r9.jpg" alt="R9" width="400"</a></p>
</body>
</html>

Output:-