Heading 1: H1: Demonstration of the W3C Core Stylesheets

This page is a demonstration of the W3C Core Styles, which are examples of eight stylesheets you can link to. That means you can use them for free on your web pages, without even downloading them. Instructions are available to allow you to use these styles. By clicking on any of the links above, you can instantly switch from one sample style to another.

Links should be different colors so you can tell whether you've clicked on them before or not. Currently you are visiting Stylecascade. But if you click on biographiks.com, which is probably another color, you will go to another website.

Heading 2

This is a paragraph.

Heading 3

This is a paragraph.

Heading 4

This is a paragraph.

Heading 5

This is a paragraph.

Heading 6

This sentence contains an emphasized phrase. This sentence contains a strongly emphasized phrase. This sentence contains a strongly emphasized bit within an emphasized phrase. This sentence has the class "warning".

This is big. This is small. This is SAMP. _{This is sub.} ^{This is sup.} This is S. This is strike. This is tt. This is U. This is cite. This is INS. This is DEL. This is ABBR. This sentence contains an acronym: Nato.

Heading 2

This paragraph has the class "initial". Generally, it won't be indented when other paragraphs are. But that depends on the stylesheet, or whether that class is even included in the stylesheet.

This is a paragraph.

This paragraph demonstrates the "small thematic break" (stb) class, which could be useful if used.

This is a paragraph.

This paragraph demonstrates the "medium thematic break" (mtb) class, which could also be useful.

This is a paragraph.

This is a paragraph.

This paragraph demonstrates the "large thematic break" (ltb) class, assuming that class is included in the stylesheet you're using. Maybe it has a horizontal line above it, to set it off from the previous paragraph?

This is a paragraph.

This is a paragraph.

Heading 2

This is a paragraph.

This is a blockquote, which is usually indented on both left and right. The format depends on the particular stylesheet, like every element of a web page. You can change the size of the letters, the width of the margin, the color of the words - all sorts of things - just by changing the stylesheet. Click on the name of a stylesheet at the top of the screen to change it right now!

Heading 3

For more information about using the free W3C Core Styles, visit the World Wide Web Consortium's website. You have probably already visited the homepage of Stylecascade, which is why the link probably has a different color. But if click on World Wide Web Consortium, you will go to W3C.org, which you may never have visited before, so it may have a different link color.

1. This is a demonstration of an ordered list item. That probably means that each item is numbered; again, depending on the particular stylesheet you're using.
2. This is another ordered list item
   • This is an unordered list within an ordered one.
   • This is another unordered list item.
     1. Now we get tricky: here's another ordered list - inside the unordered list.
     2. ...and another list item, as an example.
   • This is a third item in that unordered list.
   • This is a fourth.
3. This is item 3 in the initial ordered list.
4. This is item 4.

1. This is an ordered list item. You can also used unordered lists, which aren't numbered. Usually they are bulleted.
   1. Here's another ordered list - inside the ordered list.
      1. Here's yet another ordered list - nested deeper.
      2. ...and another list item, to continue the illustration.
   2. ...and continuing with another list item.
2. This is another ordered list item, whose appearance depends on the stylesheet

This is a paragraph.

Heading 4

This is a paragraph. Because what's the point of a heading without a paragraph?

Definition Term

Definition data - This defines the definition term. It can be a long definition, depending on how much needs to be said. Notice that this text wraps to the next line when it gets to the edge of the screen, even when you resize your browser window.

That was the end of the table. Here's another paragraph.

Heading 5

Anyway, this is a new paragraph. It may or may not look funny, depending on your browser and the stylesheet. But you can accomplish more when you mark the ends of your paragraphs.