This is a sample HTML page. There are examples of almost all the HTML elements (or tags) on this page . Each one simply states what it is. It's not much of a web page but it makes it easy to know which element you are affecting. The HTML tag/element names have been identified in red.

This sample page can easily be replaced with any page from your hard drive, if you're using LivePageChange offline. This can only be done offline due to browser security restrictions, so I set up this example page instead.

You can selectively change whichever HTML elements you want using Live Page Change. For instance, if you choose a color from the pallette, the background color of this page will change by default. The text you are reading is in a paragraph [p].

Select:    "CHANGE THE  [ foreground color ]  FOR THE  [ p ]  ELEMENT"     in the top frame.

Now you can change the foreground color (text color) of the paragraphs on this page to whatever you like. You have the option of changing many different attributes of any given element. For instance, you can change the borders, text alignment, color, font, spacing, line height, etc., for any HTML element listed. This paragraph also has an ID of 'loner'. If you choose [id] from the list, you will be prompted for the name. In this case, enter 'loner' and you'll have control over just this paragraph (without affecting any other paragraphs on the page). You can use this idea to gain control over any single element of your page.

Here are the different HTML elements:

This is an h1 heading

This is an h2 heading

This is an h3 heading

This is an h4 heading

This is an h5 heading
This is an h6 heading
This is bold text.
This is italic text.
This is emphasized text
This is underlined text.
This is strikeout text.
This is big text.
This is small text.
This is strong text.
This is subscript.
This is superscript.
This is tt text
This is plain, monospaced text in a samp tag.
This is font changed to 18
This is centered text.

This is a paragraph. There will always be an empty line before and after a paragraph. So it displays as a seperate "block" of text.

This text is between [blockquote] tags. It is separated like a paragraph with an empty line before and after, but it is indented. You can use it to add special emphasis to a given passage.

  This is a link [a] (that goes nowhere).
This text is in a span tag. The contents of a span tag are inline, meaning it's not in a seperate block. Notice there is no empty line above and below. It is not a seperate block, like a paragraph. On this page I have identified all the HTML elements using span tags to make them red. If you make changes to the span element, all the HTML tags on this page (red text) will follow suit. Following is an image [img]:


The following elements are part of a form:


Radio button 1
Radio button 2
This text is in an address tag:
Tutor Turtle
2335 N. Valley Drive
Tutorville, ZB 00000-0000

This is part of a cite tag. It looks a lot like the address tag.
Here is a definition list [dl]:
The first term [dt]
This is the definition of the first term [dd]
The second term [dt]
This is the definition for the second term [dd]

This is a table
123
456
789

The table contains table rows [tr] and table data [td]. You can adjust the widths, heights, background and foreground colors, margins, fonts, borders, etc. The same as with other elements. Use your imagination!