What It Looks Like:
HTML Topics & Templates

HTML pages are plain text files containing content with start and end tags enclosing each bit of content and defining its structural purpose. For example, if you have a level-one heading in your HTML file, it would look like this:

<H1>Level-One Heading</H1>

At a minimum, an HTML page must include start and end tags for the page itself and its HEAD and BODY sections. (The HEAD contains things like the page title, while the BODY contains the content that displays on the body of the HTML page.)

<HTML>

<HEAD>
</HEAD>

<BODY>
</BODY>

</HTML>

The code for a more useful, but still basic, template for an HTML Help page might look like the following listing. (Note that a few tags, such as LINK and IMG do not absolutely require closing tags.)

<HTML>

<HEAD>
<TITLE>ModuleTitle </TITLE>
<LINK REL="STYLESHEET" REF="x.css">
</HEAD>

<BODY>
<H1>Main Topic Heading</H1>
<P>Introductory descriptive text about the procedure</P>
<IMG SRC="open.gif.">
<H2>Performing the task (sub-title)</H2>
   <OL>
   <LI>Step1</LI>
   <LI>Step2</LI>
   <LI>Step3</LI>
   <LI>Step4</LI>
   </OL>
</BODY>

</HTML>

And the resulting HTML page would look like this:

For more information on HTML coding and particular HTML tags, consult chapter 3 of the book, "Bringing It Together: HTML Topics & Templates."

What It Looks Like: HTML Topics & Templates

What It Looks Like:
HTML Topics & Templates