Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>First, I recommend NOT starting with IE as your "development" browser. Start in Firefox, say (which gives you the advantage of tools such as <a href="http://getfirebug.com/" rel="nofollow noreferrer">Firebug</a> and the <a href="https://addons.mozilla.org/en-US/firefox/addon/60" rel="nofollow noreferrer">web developer toolbar</a>), and then get it right in IE afterwards.</p> <p>Second, definitely user external style sheets; it results in much cleaner code and a much simpler way to make style updates. Definitely recommended. Also external CSS files can be cached by the browser, so they won't increase the page download size as users go from page to page in your site or application.</p> <p>Lastly, start by defining your content using simple HTML, basing the structure on the meaning of the content (often called "semantic" HTML), not on how you want it to look. Use a <code>&lt;ul&gt;</code> tag for something that is a list of items, for example, even if you don't want to display it as a "bullet list" (the default styling for <code>&lt;ul&gt;</code>). Then start adding styles to make it look right. This will result in very clean HTML that can support a variety of formats and layouts (take a look at CSS Zen Garden to see what I mean) and will also help push you towards a layout that reflects the structure of your content, which will be easier to read and comprehend.</p> <p>In terms of books, you can't go wrong with <a href="http://meyerweb.com/eric/css/" rel="nofollow noreferrer">Eric Meyer</a>. HTML is easy, of course, and I don't recommend doing fancy stuff with HTML, so put your learning effort into CSS (Eric is the CSS guru).</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload