IMC Home Page | Library Home Page | UAlbany Home Page
Introduction to
Basic HTML 5 & CSS3 Effects

Introducing the NEW HTML5 and CSS

The behind-the-scenes coding for Web pages is rapidly changing. The HTML/XHTML code that most people are familiar with has been petrified in time since about 1999. Web sites have evolved, but the code has remained nearly unchanged.

At the time of this writing, the World Wide Web Consortium (W3C) is working on a new version of HTML called HTML5. Although it has not been finalized, portions are appearing "in the wild" and the latest versions of the various Web browsers are all beginning to recognize the code. Each new version release appears with additional features.

Cascading Style Sheets now offers us the ability to style Web pages in ways that were not possible a short time ago. Combined with HTML5 and new browsers, the latest version, CSS3, offers us ways to create and manage Web pages that easier, better, and more exciting.

The purpose of this tutorial is to introduce some of the new HTML5 and CSS features. You may or may not be able to see all of them. It will depend on which version of your browser you are using. For this reason, you may wish to compare these examples by using different browsers. You might decide to upgrade.

Expect to be surprised!

Special Note: This tutorial has been created using HTML5 and CSS3 as much as possible. You may discover that your current browser does not display all the neat effects that are discussed here. You may wish to consider upgrading to a newer version or switching to another browser. We have tried to make appropriate notes when you could encounter display discrepancies.

<-- Return to top of page -->