Introducing HTML5

Bruce Lawson, Remy Sharp

Mentioned 3

Provides information on the elements on HTML, offers code examples, and describes how to build accessible markup.

More on Amazon.com

Mentioned in questions and answers.

Is there a good website or book that gives best practices for HTML layouts? I mean how to use divs to build differet kinds of layouts in a proper way. Thanks

For HTML, there is really only one wellwritten book I know of: HTML Mastery.

HTML Mastery focus on HTML alone, without losing focus telling about CSS and JavaScript.

HTML5 is hot these days though. Introducing HTML5 is a quick read, so is HTML5 for Web Designers.

Possible Duplicates:
What's the best website for learning HTML Semantically?
What are some good websites for learning HTML?

i want to learn HTML from basics as i'm noob regarding this, i want a complete detail tutorial of this, i search it in w3school.com but didn't get any detailed information, i'm going to start a project regarding this, so please refer me a detailed and complete tutorial from basics.

You can buy a book and follow these samples

I am not good with CSS but have downloaded a template off the net and need to work with that.

I am sure this is a pretty simple thing to do, basically in my html file I have this code:

<div id="topbar"></div>

and in the CSS file I have this code:

#topbar {
    height: 104px;
    background-image: url(images/logo.png);
    background-repeat: no-repeat;
    background-position: left top;
}

My question;

  1. how do I make the image/logo into a link (without a border of course) so that people can click it and come back to the homepage?

  2. please recommend a good tutorial to make "table-less" based layouts for html pages. I am kind of old school and only know how to make a layout with a table, I think i need to upgrade my skills :)

1) Background images can't be made into links. What you could do is make the DIV a link instead:

<a id="topbar"></a>`

#topbar {
    height: 104px;
    background-image: url(images/logo.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    border: none;
}

2) Google 'css layout' and begin reading. There's hundreds of thousands of tutorials out there. If you are completely lost, I'd start with a good book:

http://www.amazon.com/Bulletproof-Web-Design-flexibility-protecting/dp/0321509021/ref=pd_sim_b8

http://www.amazon.com/Introducing-HTML5-Voices-That-Matter/dp/0321687299/ref=sr_1_7?s=books&ie=UTF8&qid=1318775902&sr=1-7

Realated tags

csshtml