E-COMMERCE (HTML LAB)

Submitted in partial fulfilment of the requirements for the award of the degree of

Bachelor of Business Administration

Sri Guru Tegh Bahadur Institute of

Management & Information Technology

GUIDED BY: MS. SWATI GUPTA SUBMITTED BY: NISHANT

SHRIVASTAVA
 PRACTICAL QUESTIONS
S NO. PRACTICALS T.Sign
1. Introduction to HTML with
i. Versions
ii. Feature
2. Create a webpage using basic HTML tags
(headings, title, body, head)
3. Create a basic webpage with ordered lists and
its attributes.
4. Create a basic webpage with unordered lists
and its attributes.
5. Create a basic webpage with definition lists.
6. Create a basic webpage with directory lists.

7. Create a basic webpage with a paragraph

having font size 20, face arial, colour blue
8. Create a basic webpage with html image and
its attributes
9. Create a basic webpage with timetable using
tables
10. Create a basic webpage with marquee and its
attributes
11. Create a basic webpage using frames.

12. Create a basic webpage using forms and its

attributes.
13. Create a basic webpage using forms and its
attributes.
 Practical 1
Question : Introduction to HTML with
i. History
ii. Versions
iii. Feature
Steps to create a document with the help of example.

HYPER TEXT MARKUP LANGUAGE

Hypertext Markup Language (HTML) is the standard markup
language for documents designed to be displayed in a web
browser. It can be assisted by technologies such as Cascading
Style Sheets (CSS) and scripting languages such as JavaScript.
Web browsers receive HTML documents from a web server or
from local storage and render the documents into multimedia
web pages. HTML describes the structure of a web
page semantically and originally included cues for the
appearance of the document.
HTML elements are the building blocks of HTML pages. With
HTML constructs, images and other objects such as interactive
forms may be embedded into the rendered page. HTML provides
a means to create structured documents by denoting
structural semantics for text such as headings, paragraphs,
lists, links, quotes and other items. HTML elements are
delineated by tags, written using angle brackets. Tags such
as <img /> and <input /> directly introduce content into
the page. Other tags such as <p> surround and provide
information about document text and may include other tags as
sub-elements. Browsers do not display the HTML tags, but use
them to interpret the content of the page.
HTML can embed programs written in a scripting language such
as JavaScript, which affects the behaviour and content of web
pages. Inclusion of CSS defines the look and layout of content.
The World Wide Web Consortium (W3C), former maintainer of
the HTML and current maintainer of the CSS standards, has
encouraged the use of CSS over explicit presentational HTML
since 1997.
HTML documents imply a structure of nested HTML elements.
These are indicated in the document by HTML tags, enclosed in
angle brackets thus: <p>.
In the simple, general case, the extent of an element is indicated
by a pair of tags: a "start tag" <p> and "end tag" </p>. The text
content of the element, if any, is placed between these tags.
Tags may also enclose further tag markup between the start and
end, including a mixture of tags and text. This indicates further
(nested) elements, as children of the parent element.
The start tag may also include attributes within the tag. These
indicate other information, such as identifiers for sections within
the document, identifiers used to bind style information to the
presentation of the document, and for some tags such as
the <img> used to embed images, the reference to the image
resource.
Some elements, such as the line break <br>, do not
permit any embedded content, either text or further tags. These
require only a single empty tag (akin to a start tag) and do not
use an end tag.
Many tags, particularly the closing end tag for the very commonly
used paragraph element <p>, are optional. An HTML browser
or other agent can infer the closure for the end of an element
from the context and the structural rules defined by the HTML
standard. These rules are complex and not widely understood by
most HTML coders.
 FEATURES OF HTML

Some of the features of Microsoft Front Page includes:

1) WEB WORKERS:Certain web applications use heavy scripts to

perform functions. Workers use separate background threads for
processing and it does not affect the performance of a web page.
2) VIDEO:You can embed video without third-party proprietary plug-
ins or code. Video becomes as easy as embedding an image.
3) CANVAS:This feature allows a web developer to render graphics on
the fly. As with video, there is no need for a plug in.
4) APPLICATION CACHES:Web pages will start storing more and
more information locally on the visitor’s computer. It works like
cookies, but where cookies are small, the new feature allows for much
larger files. Google Gears is an excellent example of this in action.
5) GEOLOCATION:Best known for use on mobile devices, geo-
location is coming with HTML’s.

Practical 2
Question : Create a webpage using basic HTML tags (headings, title,
body, head)

INPUT:

OUTPUT:
Practical 3
Question : Create a basic webpage with ordered lists and its
attributes.

ORDER LIST AND ITS ATTRIBUTES

INPUT:
OUTPUT:
 Practical 4

Question : Create a basic webpage with unordered lists and its

attributes.

UNORDER LIST AND ITS ATTRIBUTES

INPUT:
OUTPUT:
 Practical 5

Question : Create a basic webpage with definition lists .

DEFINITION LIST
A definition list is a list of terms and corresponding definitions. Definition lists are
typically formatted with the term on the left with the definition following on the right
or on the next line. The definition text is typically indented with respect to the
term.An alternative format places the term left aligned in a wide margin and the
definition on one or more lines to the right of the term. If the DT term does not fit in
the DT column (one third of the display area), it may be extended across the page
with the DD section moved to the next line, or it may be wrapped onto successive
lines of the left hand column.

Input:
Output:
 Practical 6

Question : Create a basic webpage with directory lists.

DIRECTORY LIST
The <dir> element, deprecated beginning in HTML was used to create a list of
file names or the contents of a directory. An unordered list, created with the
<ul> element, is the appropriate modern replacement for the <dir> element.
INPUT:
OUTPUT:
 Practical 7

Question : Create a basic webpage with a paragraph having font

size 20, face arial, colour blue

INPUT:
OUTPUT:
 Practical 8

Question : Create a basic webpage with html image and its

attributes

HTML IMAGE WITH ITS ATTRIBUTES

INPUT:
OUTPUT:
 Practical 9

Question : Create a basic webpage with timetable using tables

Create a Time Table

Input:
OUTPUT:
 Practical 10

Question : Create a basic webpage with marquee and its attributes

MARQUEE TAG AND IT’S ATTRIBUTE

INPUT:
OUTPUT:
 Practical 11

Question : Create a basic webpage using frames.

FRAMES
HTML frames are used to divide the browser window into multiple
sections where each section can load a separate HTML document.
INPUT:
OUTPUT:
 Practical 12

Question : Create a basic webpage using forms and its attributes.

FORM AND ITS ATTRIBUTES

HTML form elements define the form that is used to collect users
input. Forms element are different types of input element like: text
filled, submit button, check boxes etc.
INPUT:
OUTPUT:
 Practical 13

Question : Create a basic webpage using forms and frames

HTML PROGRAM USING FRAME AND FORM

INPUT:
OUTPUT: