Sample HTML Formats

 
The following are samples of HTML tags and how they appear on a graphical web browser. To view the HTML file that created these samples select "HTML file" link to see how the tags are written.

FORMATS

[ Headers ] [ Fonts ]
[ Text ] [ Text Spacing ]
[ Styles ] [ Lists ]

HEADERS

These are samples of the <H#> </H#> tags: HTML file

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Top of Page

FONT SIZE

These are samples of <FONT SIZE=+#> </FONT SIZE=+#> tags:HTML file
Top of Page

TEXT

This is a sample of text typed with no tags: HTML file
This is a sample of text typed in with no special formatting. This is a sample of text typed in with no special formatting This is a sample of text typed in with no special formatting This is a sample of text typed in with no special formatting. This is a sample of text typed in with no special formatting

PREFORMATTED TEXT

Note: This is a quick and dirty method of getting text on the web but I would recommend not using it unless you create left - right margins of 2 inches or more. A better method of placing text on a web page is using the <BR> or the <P> tags at the end of each line described below in Text Spacing.
This is a sample of text, typed with the <PRE> </PRE> tags: HTML file
 This is a sample preformatted text that will view as it is 
typed,     with spaces,           tabs , etc.  It does not wrap and may run 
off the
page.         This is a sample preformatted text that will view as it is 
typed, 
with spaces, tabs , etc.  It does not wrap and may run off the page. This is a sample preformatted text that will view as it is typed, with spaces,
tabs , etc.  It does not wrap and may run off the page. It does not wrap 
and may run off the page. This is a sample preformatted text that will
view as it is typed, with spaces, tabs , etc.  It does not wrap and may
run off the page.

Top of Page

TEXT SPACING

Note the different spacing between the <BR> and the <P> tags

Break Line Spacing

This is a sample of text with the <BR> tag at the end of the line:HTML file
This is a sample of text with a line break at the end of each line.
This is a sample of text with a line break at the end of each line.
This is a sample of text with a line break at the end of each line.

You can add more vertical space between lines by inserting more <BR> tags
 

This is a sample of text with 2 <BR> tags between this line and the line above
 
 
 

This is a sample of text with 4 <BR> tags between this line and the line above

Paragraph Spacing

This is a sample of text with the <P> tag at the end of the line: HTML file
This is a sample of text with a paragraph break at the end of each line.

 This is a sample of text with a paragraph break at the end of each line.

 This is a sample of text with a paragraph break at the end of each line.


Top of Page

TEXT STYLES

This is bold text HTML file
This is strong text
This is italic text
The horizontal line below was created with the horizontal line tag 
Top of Page

LIST FORMATS

Bulleted List

This is a sample of a bulleted list, using the <UL> and <LI> tags:HTML file

Numbered List

This is a sample of a numbered list with the <OL> and <LI> tags:HTML file
  1. Item 1
  2. Item 2
  3. Item 3

Definition Lists

This is an example a definiton/term list, using the<DL>, <DT> and <DD> tags: HTML file
Sugar
A sweet substance derived from sugar cane and sugar beets
Lemonade
A drink made from lemons and sugar

Top of Page


Last Moduified: 1/13/97

This page maintained by: Jack Stark