XHTML/CSS – Simple Intro

This is not a new topic, nor stunning topic on the Internet. There are thousand if not million introduction to XHTML and CSS, but some of them having too much text really bounce back the newbie. Especially those students who are actually force to learn it. Recently I joined into a web company, 3 new comers including me. There’s one from multimedia background, and what surprise me was that he did not know how to code a web in XHTML/CSS, instead, he has been learning a lot about table layout. Weird, but true. Anyway, as a lazy guy, I always find an easy way out of everything :) Here are my most simplest introduction to XHTML/CSS, with pictures (So you’re not going to bored out).

History

Fuck that, who cares? We’re walking forward and not backward. No point telling you this when I, myself have no idea about it as well :P

What is XHTML/CSS

The image explained everything. It’s the backend of the website you surfing. Simply put: XHTML = Structure. CSS = Style. You need the basic structure for your page then only you style it, or vice versa. If your teacher telling you using example, they’re fucking your brain. Don’t use example, don’t need to view source as well, no point, instead it will makes you more confuse. My idea about the structure – Boxes!
XHTML and CSS in layman

Structuring a web

Above showed how a web page structured. Everything is about box and how you place them is up to the CSS, but you need to be very clear about your structure first, that’s why you need a common name that you understand.

Next up is something more complex. I hope that helps, it’s my first time giving such a… Info? Whatever it is, bear with me, while I’m getting use to this whole, blogging and magazine thing :)

Share this article Digg it StumbleUpon del.icio.us

Some related articles you might be interested:

Leave a reply