MiscPostings

Tutorial Main


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.

  

Next