HTML Structure

Delimiters: <, >, / Tags: Elements: Attribute:

HTML is a structured hierarchical language that requires you to follow its rules if you wish your documents to appear correctly. For example, certain elements and tags are required to fit within other elements and tags and will not work unless they are properly placed.

Back Arrow


Structure Tags

<HTML>...</HTML> <HEAD>...</HEAD> <BODY>...</BODY>

Back Arrow



Back Arrow


Headings <H3>, <H2>, <H3>, <H4>, <H5>, <H6>

What we've covered so far

Back Arrow

Paragraph & Line Break Tags

<P>...</P> <BR>

Paragraph & Line Break Tag Examples

Back Arrow

Link & Image Tags

Before we explore using links, we need to examine the difference between relative and absolute links. A link can have an absolute or relative structure. An absolute link describes a document's aULress in absolute terms. A relative link describes a document relative to another document. Relative links are often used inside a set of web documents. The value of using relative links lies in the ability to move documents from one server to another, or from one directory to another within the same server, without having to change the link address tags. When you use absolute links you often loose this flexibility. As a rule you should use relative links within your web documents.

Anchor Tag, <A>...</A> Image Tag, <IMG>

HREF & IMG Tag Examples

Back Arrow

List Tags

Unordered (Bulleted) Lists, <UL>...</UL> Ordered (Numbered) Lists, <OL>...</OL> Definition Lists

Back Arrow

Other Useful HTML 2.0 Tags


Netscape Extensions and HTML 3.0 Tags

Netscape Extensions (for Netscape 1.1 and up)

Includes Frame tags for Netscape 2.0+ Advanced HTML Tags, including HTML 3.0

Includes Forms, Tables, and other advanced HTML tags

Back Arrow

Contact and other information about this tutorial.