Are there any online tutorials which show an HTML-only site being transformed into an XHTML/CSS site?

in a step-by-step process?





I'm looking for a site like this to help me learn CSS in an interactive way.Are there any online tutorials which show an HTML-only site being transformed into an XHTML/CSS site?
Please check this site, http://www.w3schools.com/default.asp it might help you or go to www.w3.orgAre there any online tutorials which show an HTML-only site being transformed into an XHTML/CSS site?
There is really nothing to show. All you are doing is stuff like this:





%26lt;p%26gt; Blah %26lt;FONT Color=';red'; Size=';+3';%26gt;BLAH%26lt;/FONT%26gt; Blah %26lt;/p%26gt;





and replacing it with





css file:


.bigred { color: red; font-size: 2em; }





html:


%26lt;p%26gt; Blah %26lt;span class=';bigred';%26gt;BLAH%26lt;/span%26gt; Blah %26lt;/p%26gt;





That is, you take the formatting out of the html and put it somehwere else. This at first might seem counterproductive. It isn't.





As for xhtml, that means little more than putting trailing / characters in everything:


html: %26lt;br%26gt;


xhtml:



Xhtml would be a good thing, except most people declare their file correctly - like this for example:


%26lt;!DOCTYPE html PUBLIC ';-//W3C//DTD XHTML 1.0 Transitional//EN';


';http://www.w3.org/TR/xhtml1/DTD/xhtml1-…





And then negate it by declaring:


%26lt;meta http-equiv=';Content-Type'; content=';text/html';%26gt;





which says ';this is really just html for extra / characters';. It is pretend xhtml. But real xml is much more demanding and makes it harder to add javascript (too bad though. Sometime things of greater benefit just take more work.)





http://www.w3.org/TR/xhtml-media-types/





For getting a good handle on this stuff, try


http://december.com/html/


which covers everything and has lots of demos and handy tools.





(When there, you are expected to right-click and view the source to see how things are done.)