Focus if you are practicing html as a beginner

1: Always Close Your Tags

Like: <li>Some text here. </li>
Not like: <li>Some text here.

2: Declare the Correct DocType

type 'html:5' then ctrl+e after you installed zen coding.

3: Never Use Inline Styles

Try to call external css, if you're in hurry make an internal css, otherwise it will harm you.

4: Place all External CSS Files Within the Head Tag

That's what doing everyone, so should you

5: Consider Placing Javascript Files at the Bottom

It will help you to find them easily.

6: Never Use Inline Javascript. It's not 1996!

Nothing to say.

7: Validate Continuously

Someone won't support that, but it's good for you.

8: Download Firebug

You don't have to do this

9: Use Firebug!

Just use inspect element.

10: Keep Your Tag Names Lowercase

You'll get rid of some problems.

11: Use H1 - H6

Usually h2 tags until you know certainly about others

12: If Building a Blog, Save the H1 for the Article Title

That's upon to you

13: Download ySlow

Don't get stuck with yahoo trash.

14: Wrap Navigation with an Unordered List

For your kind of information it's the common hardest part of html




15: Learn How to Target every browser

16: Choose a Great Code Editor

Mac Lovers

• Coda
• Espresso
• TextMate
• Aptana
• DreamWeaver CS4

PC Lovers

• InType
• E-Text Editor
• Notepad++
• Aptana
• Dreamweaver CS4

17: Try to understand the structure of a website!

18: Cut, Cut, Cut

This part won't tell most people about, but I recommend to cut unnecessary codes and make it simple.

19: All Images Require "Alt" Attributes

It's good for search engine optimization.

20: Do like others not on own way

You should be a part of developers of the world! remember that!!

21: View Source

Check view source of your coding where the design or element comes from?

22: Style ALL Elements

Make control above every element style though you chose default.

23: Make a report of your faults

24: Learn Photoshop

You should know very basics of photoshop.

25: Learn Each HTML Tag

Make a list of that and then keep practicing.

26: Participate in the Community

Connect with others and mark your faults

27:Don't Use a Framework...Yet

Do everything manually from zero and keep converting projects from photoshop files.