Hi - My name is Jim. I am trying to learn HTML and CSS code
Here's what I've done so far.

1. Test inserting local images on page Local Images
2. Tests for font formatting text Format Fonts
3. Tests for anchors (links) and returns Anchors Away
4. Tests for Ordered (Numeric) and Unordered Lists Outlines
5. Tests for Definition (indented) lists Indented Lists
6. Tests for Special Character display Special Characters
7. Tests for paragraphs and line breaks Paragraphs
8. Tests display images using thumbnails Thumbnails

Local Images

Winner at dog obedience school (current directory)

Redneck High Chair - "Baby Bubba" (subdirectory)

Return to top

Format Fonts

These 2 lines embed the "style" command in the paragraph tag - text is veranda or arial (bold) with a 12 point size.
Commands in the paragraph tag are for the whole paragraph.
This line embeds the "style" command in the span tag - text is normal with large font size.
This line embeds the "style" command in the span tag - text is normal with medium font size.
This line embeds the "style" command in the span tag - text is bold with small font size.
This line embeds the "style" command in the span tag - text is normal with x-small font size.
This line embeds the "style" command in the span tag - text is 12 point, boldfaced, and red in color.

The next lines in this new paragraph will use the attribute tags to format text.
This line uses the "strong" attribute tag to emphasize text.
This line uses the "em" attribute tag to emphasize text.
This line uses the "b" attribute tag to emphasize text.
This line uses the "i" attribute tag to emphasize text.
This line uses the "big" attribute tag to emphasize text.
This line uses the "small" attribute tag to emphasize text.
This line uses the "sub" attribute tag to put the subscript₂₃₄ after the word subscript.
This line uses the "sup" attribute tag to put the superscript²³⁴ after the word superscript.

The following lines use the "tt" attribute tag to preserve monospaced text (typewriter text).
and the "pre" attribute to preserve preformatted text.

NUTRITION INFORMATION (void where prohibited)

                    Calories     Grams     USRDA
                   /Serving     of Fat    Moisture
       Regular         3           4        100%
       Unleaded        3           2        100%
       Organic         2           3         99%
       Sugar Free      0           1        110%
      Text spacing and line breaks are preserved

Return to top

Anchors Away

This link goes to a section on this page (Section Link) with a "return here" option in that section. Section Link

This link goes to a new page in this directory with a "return to main page" option on that page. New Page

This link goes to a new page in a subdirectory with a "return to main page" option on that page. Sub Page

This link goes to Northbridge Web site : Use "back" button in Internet Explorer to return here. Northbridge Church

Return to top

Outlines

Ordered (Numeric) list outline follows (only one line per level)

1. First Level text (Upper case Roman numeral
1. Second Level text (Upper case Alphabetic)
1. Third Level text (Numbers)
1. Fourth Level text (Lower case Alphabetic)
2. First Level text (Upper case Roman numeral)
1. Second Level text (Upper case Alphabetic)

End of Ordered list

Unordered (Bulleted) list outline follows (only one line per level)

• First Level text (square)
• Second Level text (disc)
  • Third Level text (circle)
• First Level text (square)

End of Unordered list

Return to top

Indented Lists

Definition Lists are supposed to be used to list terms and their meanings
but are often used just for indentation (no symbol in front to denote them)

Text starts here before indentation.

First level of indentation

Second level of indentation

Third level of indentation

Back to second level on indentation

Back to first level of indentation

Back to no indentation

Return to top

Special Characters

    
Special Character Table (space inserted after & to allow display codes) 

    ASCII   Code        Description             Char
    & #34   & quot;     Quotation mark           "
    & #38   & amp;      Ampersand                &
    & #60   & lt;       Less than                <
    & #62   & gt;       Greater than             >
    & #162  & cent;     Cents sign               ¢
    & #163  & pound;    Pound sterling           £
    & #166  & brvbar;   Broken vertical bar      ¦ 
    & #167  & sect;     Section sign             §
    & #169  & copy;     Copyright                ©
    & #174  & reg;      Registered trademark     ®
    & #176  & deg;      Degree sign              °
    & #177  & plusmn;   Plus or minus            ±
    & #178  & sup2;     Superscript 2            ²
    & #179  & sup3;     Superscript 3            ³
    & #183  & middot;   Middle dot               ·
    & #185  & sup1;     Superscript 1            ¹
    & #188  & frac14;   Fraction on-fourth       ¼
    & #189  & frac12;   Fraction one-half        ½
    & #190  & frac34;   Fraction three-fourths   ¾
    & #198  & AElig;    Capital AE ligature      Æ
    & #201  & Eacute;   Accented capital E       É
    & #215  & times;    Multiplication sign      ×
    & #230  & aelig;    Small ae ligature        æ
    & #233  & eacute;   Accented small e         é
    & #247  & divide;   Division sign            ÷
    

Return to top

Paragraphs

Each line in this paragraph is terminated by a line break.
These are special formatting tags to control where line and paragraph breaks
actually occur.
Below this paragraph, - a special formatting tag will draw a horizontal line
across the page.

Return to top

Section Link

Return to "Anchors Away"

Thumbnails

All images in this section are located in the "/photosub" subdirectory
Click on a thumbnail to see a larger image of the file.
Click the "back" button in Internet Explorer to return here for next image

Vacationing across America on a small budget
W - you've been a long time gone!

Return to top