As I stated in Stylesheet Basics ⇒, another way to add styles is by using the style attribute of most XHTML tags or by adding a style tag on the XHTML’s head tag.

These approaches invalidate one of the goals of XHTML and CSS; which is to separate the data from the design that is why I discourage to use these methods. But sometimes, when handling complicated layouts and doing advanced javascripting on your XHTML page, you might need to use the style attribute to override the styles defined in your CSS or the style tag.

— View Full Tutorial

One of the goals of XHTML is to improve on the structure of HTML documents. And one of these improvements was to separate the data from the layout & design. That is why XHTML has deprecated tags like font, b, i and u. This gave way to the XHTML attribute style where you can use special syntax to provide styles. The format used by the style attribute is actually the one used by Cascading Stylesheets (CSS). Another way of adding styles is by adding a style tag with CSS code inside within the head tag of the XHTML document. But the recommended way is by linking the XHTML document to an external CSS document.

— View Full Tutorial

So this is my first XHTML tutorial. The tutorials here will be strict to XHTML 1.1 W3C Standard and tested using Mozilla Firefox 3.0.1 (as of this writing) and Internet Explorer 6.0 (since I don’t want to upgrade to version 7.0). So let’s start it simple.

XHTML or Extensible Hypertext Markup Language is a markup language similar to HTML. It is also used for web pages but is also compatible with Mobile XHTML browsers. These small browsers have problems rendering non-XML standard webpages like HTML. XHTML is the XML-standard version of HTML. New tag constructs and rules are added. While redundant tags are also removed.

— View Full Tutorial