TRINITY INSTITUTE OF PROFESSIONAL STUDIES

Bachelor of commerce (hons)

ECOMMERCE PRACTICAL FILE

Submitted By Submitted To

Name: Gaurav Rawat Shikha Bhalla

Enrollment number: 41820688818 Assistant Professor

Batch: 2018-2021
 INDEX
s.no Particular Page.no sign
1. Write about HTML language and describe the following 3-7
 History of HTML
 Versions of HTML
 Features of HTML
 Steps to create HTML document
2. Write a program to use HTML tag and body tag in HTML page. 8
3. Design a web page for Trinity Institute of professional studies. Illustrate 9
the use of head tag, title tag, body tag and paragraph tag.
4. Write a program to use H1 to H6 tag in HTML. 10
5. Create a web page to illustrate font tag. 11
6. Create a web page to illustrate various text formatting tags. 12-13
7. Create a web page to create unordered list. 14
8. Create a web page to create ordered list. 15
9. Create a web page to illustrate the following nested list. 16
I. Gelatins
II. Potted meat products – The term “potted” is a more down-to-
earth way of saying “compressed”.
A. Hormel
1. Spam Spread.
2. Spam Extra Salt.
B. Libby’s potted meat products
C. Armour
1. Vienna Sausage
2. Potted meat food product (The addition of the
word “Food” in the title signifies that this product
is indeed edible.)
3. Potted Poultry
a. Potted Game Hens.
b. Potted Chicken.
c. Potted Turkey.
III. Trail mix
IV. Breaded meats
A. Breaded veal.
B. Country-fried steak.
10. Create a web page to illustrate Description list 17
11. Create a web page on your favorite movie by making use of suitable 18
headings and horizontal rules. Design it with attractive background color
and text color and incorporate suitable images by making use of image
tag.
12. Insert an image and create a link such that clicking on image takes user to 19
another page.
13. Create a web page to illustrate the use of marquee tag. 20
14. Create links on the words e.g. “Wi-Fi” and “LAN” to link them to 21-22
Wikipedia pages. (hint: Use anchor tag to create links)
15. Design a web page showing B.COM Department of your college. Create 23-28
separate hyperlink on the home page namely:
 About B.COM Department
 B.COM Faculties
 Scope of B.COM
 Co-Curricular and Extra Curricular activities
 Placements assistance for B.COM students

Create separate web page for every hyperlink mentioned above and
through the hyperlinks provided on home page, one should be able to
navigate to one of the above mentioned webpages. Also create a link on
all the four pages to navigate back to the home page. (Hint: Total 5 HTML
pages needs to be created, one is the home page and other 4 are the
pages whose links are provided on the home page).
Make use of all the other suitable tags like font, text formatting,
background color, image, list tag, etc. to make it more attractive.

16. Write a program to illustrate the use of cell spacing, cell padding, row 29
span, and colspan attributes of table tags in HTML.

17. Create a web page to illustrate the use of frames. (Show minimum 3 30
frames)
18. Design the following employee registration by using the various controls 31-33
in forms.
19. Create a sign up and login form in HTML. 34-37
 PRACTICAL-1

HTML stands for Hyper Text Markup Language. HTML is the standard markup language for
creating webpages. It describes the structure of a web page. It tells the browser how to display
the content.

HISTORY OF HTML
In 1980, physicist Tim Berners-Lee, a contractor at CERN, proposed and prototyped ENQUIRE, a
system for CERN researchers to use and share documents. In 1989, Berners-Lee wrote a memo
proposing an Internet-based hypertext system. Berners-Lee specified HTML and wrote the
browser and server software in late 1990. That year, Berners-Lee and CERN data systems
engineer Robert Cailliau collaborated on a joint request for funding, but the project was not
formally adopted by CERN. In his personal notes from 1990 he listed "some of the many areas
in which hypertext is used" and put an encyclopedia first.
The first publicly available description of HTML was a document called "HTML Tags", first
mentioned on the Internet by Tim Berners-Lee in late 1991. It describes 18 elements comprising
the initial, relatively simple design of HTML. Except for the hyperlink tag, these were strongly
influenced by SGMLguid, an in-house Standard Generalized Markup Language (SGML)-based
documentation format at CERN. Eleven of these elements still exist in HTML 4.
HTML is a markup language that web browsers use to interpret and compose text, images, and
other material into visual or audible web pages. Default characteristics for every item of HTML
markup are defined in the browser, and these characteristics can be altered or enhanced by the
web page designer's additional use of CSS. Many of the text elements are found in the 1988 ISO
technical report TR 9537 Techniques for using SGML, which in turn covers the features of early
text formatting languages such as that used by the RUNOFF command developed in the early
1960s for the CTSS (Compatible Time-Sharing System) operating system: these formatting
commands were derived from the commands used by typesetters to manually format
documents. However, the SGML concept of generalized markup is based on elements (nested
annotated ranges with attributes) rather than merely print effects, with also the separation of
structure and markup; HTML has been progressively moved in this direction with CSS.
Berners-Lee considered HTML to be an application of SGML. It was formally defined as such by
the Internet Engineering Task Force (IETF) with the mid-1993 publication of the first proposal
for an HTML specification, the "Hypertext Markup Language (HTML)" Internet Draft by Berners-
Lee and Dan Connolly, which included an SGML Document type definition to define the
grammar. The draft expired after six months, but was notable for its acknowledgment of
the NCSA Mosaic browser's custom tag for embedding in-line images, reflecting the IETF's
philosophy of basing standards on successful prototypes. Similarly, Dave Raggett’s competing
Internet-Draft, "HTML+ (Hypertext Markup Format)", from late 1993, suggested standardizing
already-implemented features like tables and fill-out forms.
After the HTML and HTML+ drafts expired in early 1994, the IETF created an HTML Working
Group, which in 1995 completed "HTML 2.0", the first HTML specification intended to be
treated as a standard against which future implementations should be based.
Further development under the auspices of the IETF was stalled by competing interests. Since
1996, the HTML specifications have been maintained, with input from commercial software
vendors, by the World Wide Web Consortium (W3C). However, in 2000, HTML also became an
international standard (ISO/IEC 15445:2000). HTML 4.01 was published in late 1999, with
further errata published through 2001. In 2004, development began on HTML5 in the Web
Hypertext Application Technology Working Group (WHATWG), which became a joint
deliverable with the W3C in 2008, and completed and standardized on 28 October 2014.

VERSIONS OF HTML
1. HTML 1.0
 The basic version of HTML has been support for basic elements like text controls
and images. This was the very basic version of HTML with less support for a wide
range of HTML elements. It does not have features like styling and other things
that were related to how content will be rendered in a browser.
 The initial versions of HTML do not provide support for tables, font support, etc.
like it provide us in the latest version.
 We would also like to discuss that W3C did not exist before HTML 2.0 hence it
does not show details about HTML 1.
2. HTML 2
 HTML version 2.0 was developed in 1995 with the basic intention of improving
HTML version of improving HTML version 1.0
 Now a standard got started to develop so as to maintain common rules and
regulations across different browsers. HTML 2.0 has improved a lot both in terms
of the markup tags. In HTML 2.0 version concept of form came into force. Forms
were developed but still, it was having basics tags like text boxes, buttons, etc.
 Also, the table came as an HTML tag. Now, in HTML tag 2.0 browsers also come
with the concept of creating own layer of tags that were specified to the browser
itself. W3C was also formed. The main intention of W3C is to maintain standard
across different web browsers so that these browsers understand and render
HTML tags in a similar manner.
3. HTML 3.2
 It was developed in 1997. After HTML 2.0 was developed, the next version of
HTML was 3.2
  With version 3.2 of HTML, HTML tags were further improved. It is worth noting
that because of W3C standard maintenance, the newer version of HTML was 3.2
instead of 3.
 Now, HTML 3.2 has better support for new forms elements. Another important
feature what HTML 3.2 implemented was support for CSS. CSS helps to style
HTML Elements.
 With upgradation of browser to HTML 3.2, the browser also supported for frame
tags although HTML specifications still do not support frame markup tags.
4. HTML 4.01
 It was developed in 1999 it extended the support for CSS. In version 3.2, CSS
were embedded in HTML page itself. Therefore, if the website has various web
pages to apply in the style of each page, we must place CSS on each web page.
Hence there was a repetition of the same block of CSS.
 To overcome this thing, in version 4.01 concept of external styling sheet
emerged. Under this concept, an external CSS file could be developed and this
external styling file could be included in HTML itself. HTML 4.01 provided
supports for further tags of HTML.
5. HTML 5
 This is the latest version of HTML. For a developer it could be used in 2014. It
comes up with a lot of HTML tag support. HTML 5 provided support for new form
elements like input elements of different types, geolocations support tags, etc.
 Tags that were added to HTML 5 include Email, Password, Audio tag, Semantic
tags and Section tags
6. W3C HTML Validator
An HTML validator is a web based tool that is used to maintain or check whether
a piece of HTML tag or HTML is valid. An HTML validator follows the standards of W3C
to validate an HTML page. It follows the W3C standard.

FEATURES OF HTML
HTML is the most common used language to write web pages. It has recently gained popularity
due to its advantages such as:-

1) It is the language which can be easily understood and modified

2) Effective presentations can be made with the HTML with the help of its all formatting
tags.
3) It provides the more flexible ways to design web pages along with the text.
 4) Links can also be added to the web pages so it helps the readers to browse the
information of their interest.
5) You can display HTML documents on any platforms such as Macintosh, Windows, Linux,
etc.
6) Graphics, video and sounds can also be added to the web pages which gives an extra
attractive look to your webpages

STEPS TO CREATE HTML

Step 1: Open Notepad (Windows).

Step 2: Write code in HTML.

Step 3: Save the file with .htm or .html extensions.

Step 4: Open the HTML page in your web browser.

 PRACTICAL-2
Write a program to use HTML tag and body background tag in html page.
 PRACTICAL-3
Design a web page for Trinity Institute of Professional Studies. Illustrate the use of head tag,
title tag, Body tag and paragraph tag.
 PRACTICAL-4
Write a program to use H1 to H6 tag in HTML.
 PRACTICAL-5
Create a web page to illustrate font tag.
 PRACTICAL-6
Create a web page to illustrate various text formatting tags.
 PRACTICAL-7
Create a web page to create unordered list.
 PRACTICAL-8
Create a web page to illustrate ordered list.
 PRACTICAL-9
Create a web page to illustrate the following nested list.
 PRACTICAL-10
Create a web page to illustrate description list.
 PRACTICAL-11
Create a web page on your favorite movie by making the use of suitable headings and
horizontal rules. Design it with attractive background color and text color and incorporate
suitable images by making use of image tag.
 PRACTICAL-12
Insert an image and create a link such that clicking on image takes user to other page.
 PRACTICAL-13
Create a web page to illustrate the use of marquee tag.
 PRACTICAL-14
Create links on the words e.g. “Wi-Fi” and “LAN” to link them to Wikipedia pages. (Hint: Use
anchor tag to create links)
Wi-Fi

LAN
 PRACTICAL-15
Design a web page showing B.COM Department of your college. Create separate
hyperlink on the home page namely:

 About B.COM Department

 B.COM Faculties
 Scope of B.COM
 Co-Curricular and Extra Curricular activities
 Placements assistance for B.COM students

Create separate web page for every hyperlink mentioned above and through the
hyperlinks provided on home page, one should be able to navigate to one of the
above mentioned webpages. Also create a link on all the four pages to navigate
back to the home page. (Hint: Total 5 HTML pages needs to be created, one is the
home page and other 4 are the pages whose links are provided on the home
page).

Make use of all the other suitable tags like font, text formatting, background
color, image, list tag, etc. to make it more attractive.
ABOUT B.COM DEPARTMENT
B.COM FACULTIES
SCOPE OF B.COM HONOURS
CO-CURRICULAR AND EXTRA CURRICULAR ACTIVITIES
PLACEMENTS ASSISTANCE FOR B.COM STUDENTS
 PRACTICAL-16
Write a program to illustrate the use of cell spacing, cell padding, row span, and colspan
attributes of table tags in HTML.
 PRACTICAL-17
Create a web page to illustrate the use of frames. (Show minimum 3 frames)
 PRACTICAL-18
Design the following employee registration by using the various controls in forms.
 PRACTICAL-19
Create a sign up and login form in HTML.

Part-A: Sign Up
Part-B: Login Form