|
Interactive HTML
Brief tutorial to help you create HTML documents for Web publishing.
Hypertext Markup Language (HTML) tags are used to describe the structure
and the physical layout of a document. The following table identifies
the bare minimum tags required to create a document. These tags alone
are not the only tags that make up a page, but they are the starting point.
| Tags: |
Description: |
| <html> . . . </html> | The first layer identifies
the document as being authored using HTML (rather than another authoring
language, such as SGML). Like almost all HTML tags, there are tags
to define a beginning and an end. As a consequence, a document that
begins with <html> needs to end with </html>. All other
tags used to define a document structure fit between these two tags.
|
| The Header |
| <head> . . . </head> |
The second layer defines elements
in the "header." There are limited HTML tags that can be
used in the "header," most notably the document title. |
| <title> . . . </title> |
The title must be plain text,
and the portion most frequently indexed by many search engines. As
a consequence, titles should be descriptive and relevant, yet fit
in the limited space available. |
| The Body |
| <body> . . . </body>
| The third layer, as the name
implies, defines the body of the document.This is where the content
(text, links, graphics, multimedia files, etc.) of your document will
be defined. |
| <p>
. . . </p> |
Defines the beginning
and end of a paragraph of text. All text inside the paragraph tags
is displayed as a paragraph block, with a blank space (full carriage
return) preceding the text. |
| <br> | The break tag allows you to
insert a single carriage return in a document.Unlike most HTML tags,
the break tag does not need a closing tag. |
An Example
<html>
<head>
<title>This is the Title</title>
</head>
<body>
<p><h2>This is a heading</h2></p>
<br>
<p>This is the paragraph of the document.</p>
</body>
</html>
Practice
Now you can practice what you've learned.
Please type or Copy and Paste the example into the box below and click
the "View HTML" button.
|
