|| Return to Web Letter's Guide to Creating a Web Page ||

Sample Code

This is a simple introductory list to HTML code. We will be adding a more extensive listing next month.

Basic Formatting Codes
Top of the Page Code
End of the Page Code
Separators
Lists

Text
Headings
Aligning Text
Text Highlighting

Graphics

Links

<HTML>

End of the Page Code

</BODY>
</HTML>

SEPARATORS

Use <P> to define all text paragraphs.

Paragraph Break: <P> Double space
Line Break: <BR> Single space
Horizontal Rule: <HR> Creates a Line, like this:

Go to the top of the page

LISTS

Ordered :
<OL>
<LI>Item
<LI> Item
<LI>Item
</OL>

Looks like

Item
Item
Item

Unordered
<UL>
<LI>Item
<LI> Item
</UL>

Looks like:

Item
Item
Item

Definition List
<DL>
<DT> Heading
<DD> First Item
<DD> Second Item
<DD> Third Item
</DL>
Looks like:

Heading: First Item; Second Item; Third Item

Go to the top of the page

Text

HEADINGS (<H#> ... </H#>)

Header 1 <H1> ... </H1>
Header 2 <H2> ... </H2>
Header 3 <H3> ... </H3>
Header 4 <H4> ... </H4>
Header 5 <H5> ... </H5>
Header 6 <H6> ... </H6>

Which look like:

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

Aligning Text

Netscape: <CENTER></CENTER>

Text Highlighting

Emphasized: <EM>Emphasized</EM>
Emphasized
Stronger Emphasized: <STRONG>Stronger Emphasized</STRONG>
Stronger Emphasized
Italics: <I>Italics</I>
Italics
Boldface: <B>Boldface</B>
Boldface
The difference between the first two and the last two is debatable. The first two were originally written for HTML as structural definitions; the last two are physical and some say they should not be used. Judge the results for yourself, but since they essentially do the same thing, why not stick with the first two?

Go to the top of the page

Graphics

Links

URL (Universal Resource Locator) gives the type of resource being accessed:

EXAMPLE: scheme: //host.domain/path/filename such as:

file:// A file on a local server

http:// A file on a World Wide Web server

gopher:// A file on a gopher server

Make a Graphic a Link:

is an example.

Make a Text a Link: <A HREF="/best.com/~mddunn/textfile.html">Text </A>

For Example

Mailto: <A HREF="mailto:write@pinsight.com">Name</A> This sends an email.

mddunn@best.com

Internal link: <A HREF="#Internal Link">Text</A> or,
<A HREF="#Internal Link">graphic</A>
This # creates a link within a file. With an external link, it can point to a specific part in another file.

Go to the top of the page is an example.

External link: <A HREF="http://best.com/~mddunn/file.html">Text link (or graphic image reference)</A>
This links to a separate file; add /file.html#Internal Link" and you point to a specific part of the file.

|| Return to Web Letter's Guide to Creating a Web Page || is an example.