HTML Basics: Understanding Elements, Tags, and Terminology, Slides of Fundamentals of E-Commerce

Download HTML Basics: Understanding Elements, Tags, and Terminology and more Slides Fundamentals of E-Commerce in PDF only on Docsity!

Building & Managing Web Sites

HTML Review

Importance of HTML

•^

HTML most important protocol for webmasters.

-^

HTML allows authors to publish onlinedocuments with headings, text, tables, lists,graphics, etc.

-^

HTML originally intended for exchange oftechnical documents, but has far outgrown thosesimple original goals. Serious web authors must have excellent HTML skills!(…at least for now)

HTML Standards

•^

HTML Standard managed by the World WideWeb Consortium (W3C)

-^

Several HTML versions – available at W3C site(http://www.w3.org

• HTML 2.0 (Nov.1995) - base version– HTML 3.2 (Jan.1997) - Frames, expanded tables,

improved forms

• HTML 4.0 (Dec.1997) - CSS, scripting, deprecated tags– HTML 4.01 (Dec.1999) - Minor fixes– XHTML 1.0 (Jan. 2000) - Integrating HTML into XML

HTML Terminology

Element

• Used to identify the basic structures

and/or behaviors of a document

-^

Case insensitive

-^

Consists of start tag, content, and end tag

-^

Some elements do not require or have content orend tags (e.g.,

or
)

## HTML Terminology

•^

Attributes

• Properties of an element. Included

within an element’s start tag. Like “properties” inprogramming languages. Frequently in the form property = value

•^

Deprecated

• an HTML element or attribute that

has been outdated by new constructs. So far,virtually all browsers support all deprecatedelements/attributes, but may not in future.

Basic HTML Elements

•^

HTML element

-^

HEAD element

-^

TITLE element^ – Important – Prominently displayed in browser and most

search results.

• Put most important/unique information early in title. E.g., not “New Page” or “Home Page”, instead “Home Page -

HTML Fanatics Society”

•^

Document – The GUTS OF THE PAGE!– Attributes: Background, BGCOLOR, text, link,

vlink [deprecated in HTML 4 because of CSS]

• Replaced by FRAMESET element for

documents using frames.

• Heading elements

• Use to mark the major headings of document.– H1 typically too large, but ...– H3 often roughly equal to the default bolded

“normal” text for many browsers.

• Use of H4-H6 rare.– Will be more useful with style sheets

Anchor Element

• Avoid too many links in paragraphs• Make anchor captions short but descriptive• On downloadable links, provide document

type and size so user know what they aregetting into.

• When naming anchors/bookmarks, it IS

case-sensitive and avoid punctuation andspaces

Other Tags you should know!

•^

-^

-^

-^

-^

-^

-^

-^

•^

-^

-^

-^

-^

-^

-^