si-blog

XHTML Tutorial

Posted May 03, 2006 in Markup, Web Design, XHTML.

Way back in early 2002, I wrote a five-page XHTML tutorial. It was intended as a gentle introduction to XHTML 1.0 Strict, and it included only the most-used elements and attributes. In almost four years, it has proved to be one of the most popular areas of my website, and I have received countless emails from happy folks who have followed it.

With my recent retooling, I felt that I should update the XHTML tutorial to echo the new visual design. Well that opened-up a big can of worms, because I realized that some of the tutorial explanations were a little dated. This was partly down to my inexperience in 2002, but also because the specification had itself been updated. It has taken me about 3 days to wade through it all and revise it. The CSS is giving me a wee bit of bother (particularly in the use of overflow:auto to cope with long lines on some pre elements), but otherwise it is complete.

Comments

  1. Gravatar

    I quickly reviewed it over and it was very easy to read and informative and it was a great refresher.

    And yes, I do use Opera :)

    Posted by James Henry on May 04, 2006.

  2. Gravatar

    Good tutorial Simon.

    It still amuses me that I used your tutorial for new employees, not knowing that you were to be my brother-in-law.

    Anyway, good work. I particularly like the browser toolbar idea. Very nice. And I didn't know you could use the <object> tag like that.

    Cheers

    Paul

    Posted by Paul on May 05, 2006.

  3. Gravatar

    Thank you for your comment, Paul. Internet Explorer still makes a hash of it with the object element, but a wee slice of conditional comments means I can feed it an iframe instead. IE7 should be okay with the pukka stuff.

    Posted by Simon Jessey on May 06, 2006.

  4. Gravatar

    Thanks for the tutorial... It's cool!

    Posted by Viking KARWUR on May 08, 2006.

  5. Gravatar

    Thank you for your comment, Viking. I went and had a look at your own site, and it is very impressive.

    Posted by Simon Jessey on May 09, 2006.

  6. Gravatar

    Wonderful tutorial!
    As usual, you are a great source for information. This reference has saved me hours of frustration. Thank you for all your help!

    Posted by Alison Ronco on May 16, 2006.

  7. Gravatar

    I'm glad this tutorial has helped you, Alison.

    Posted by Simon Jessey on May 16, 2006.