Online HTML tutorials

[pokrate]

I am an intermediate web developer. And I want to know what are the curerent trends in web page design. Like now tables are not used but div tags are used. Kindly tell about some good online tutorials.

[the tree]

HTML Dog (http://www.htmldog.com/) for "how to"s
A List Apart (http://alistapart.com/) for articles

[Kravvitz]

Don't make a common newbie mistake -- the point of table-less layouts is not to simply replace tables with <div> elements. The point is to use semantically correct markup (read this) (http://www.dynamicsitesolutions.com/html/semantics/) and then use CSS to make it look the way you want it to.

Here are some good articles:

Graded Browser Support (http://developer.yahoo.com/yui/articles/gbs/gbs.html)
Progressive Enhancement and the Future of Web Design (http://www.webmonkey.com/03/21/index3a.html)
Accessibility is seldom just up to the interface developer (http://www.robertnyman.com/2006/10/10/accessibility-is-seldom-just-up-to-the-interface-developer/)

The Content vs. Presentation Argument (http://ekstreme.com/webmaster/contentpresentation.php)
Are They Really Separated? (http://www.stopdesign.com/log/2003/10/14/separated.html)
The Incomplete Divorce (http://meyerweb.com/eric/thoughts/200310.html#t200310015)
How to use CSS to go beyond separation of content and presentation (http://www.xaprb.com/blog/2005/12/15/css-good-practice-separate-layout-and-presentation/)
Separation: The Web Designer’s Dilemma (http://www.alistapart.com/articles/separationdilemma/)
The Secret Life of Markup (http://www.webmonkey.com/webmonkey/02/42/index4a.html)

A better way to build your website (http://www.boagworld.com/archives/2004/06/a_better_way_to_build_your_website.html)

[pokrate]

Hearty thanks for these eye opening sites. Kindly keep posting to keep the list growing.

[Ascendancy]

But what will happen to the older sites, which made good use of the table system?

[Kravvitz]

Many will be redesigned. For the others... only time will tell.

[Ascendancy]

But of course, using Tables won't be completely kicked out the door right? I mean it's a pretty good design idea to split up sites that way, and it doesn't completly depend on a style sheet.

[Kravvitz]

You're missing the point. The point of web pages is to share information. How the pages look is secondary to that. Read the articles that I linked to, including the one on semantics.

[pokrate]

I studied a few modern sites and found that they depend heavily on DIV tags for virtually everything. And I tried to design myself a few pages and found its pretty easy and more maintainable because of clarity. Using the flow, and clear attribute the alignment changes easily.
Thats why I am looking for some online resource which can tell me about these modern methods used in page design.

[pokrate]

Exactly what I was looking was found in a book "CSS Anthology" by SitePoint press. This is an excellent book and describes things exactly the way I wanted. I strongly recommend it.

[Ascendancy]

You're missing the point. The point of web pages is to share information. How the pages look is secondary to that. Read the articles that I linked to, including the one on semantics.
No but how they look is important as well. If the layout is bad, nobody will want to stay and read the information, you know what I mean?

[felgall]

A lot of people who have heard about how using tables for layout is bad have now caught DIVitis. Using the wrong tag for your markup is bad not any specific tag. If it is a table then mark it up as a table. If it is a paragraph then mark it up as a paragraph. DIVs and SPANs should only be used where a more appropriate tag does not exist to semantically identify what the content is.

[Ascendancy]

You mean like for a header section with just a banner, you would use a DIV tag?

[Kravvitz]

I suggest you read What is the correct tag for the title of a site? (http://www.tyssendesign.com.au/articles/html/what-is-the-correct-tag-for-the-title-of-a-site/)

No but how they look is important as well. If the layout is bad, nobody will want to stay and read the information, you know what I mean?
I didn't say how the page looks is unimportant. I said how it looks is not as important as the information (content and structure -- markup) on the page.