Introduction to HTML & CSS

The main purpose of this tutorial was initially to show how IE6 and Firefox differ but now shows differences between other browsers as well. View in IE, Firefox, Safari and Opera. IE6 often needs different solutions. In general IE7 and IE8 display like Firefox apart from HTML5 and CSS3 features. The IE9 & above updates are mainly related to HTML 5 and CSS3 issues and display to a large extent like other main browsers. Google Chrome is based on the same WebKit engine as Safari.

There are introductions to the more common uses of HTML and CSS coding as listed below. Some of the examples are provided just to show problems, others show solutions that work in Firefox, IE, Opera and Safari. Use the example that suits you.

There are always several ways to code and my examples may not suit your page if they conflict with other code in your page, so look at other tutorials in addition to mine. Remember that tutorials can often be out of date as well as offering alternative solutions.

There is a "tag-soup" XHTML syntax version of this website here but it is not a complete replication.