E-COMMERCE (HTML LAB)

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

Bachelor of Business Administration(B&I)

                                                                                                                             

Sri Guru Tegh Bahadur Institute of

Management & Information Technology

GUIDED BY: SUBMITTED BY:

Ms. Swati Singh

Assistant Professor
 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: