Reference Sources

Links to HTML tips etc.

H1 Heading - Yay!

H1 Heading - Yay!

H1 Heading - Yay!

H1 Heading - Yay!

H1 Heading - Yay!
H1 Heading - Yay!

Don't forget that there should only be one H1 header, and the other headers should be nested.

Paragraph Elements — <em> tag, <strong> tag

This is the <em> tag: emphasis. This line is <strong>.

The <br> tag to hard break paragraphs

Did this
line break
in odd places?

Links <a> Tag

Don't forget that links can route to anchors in the same page

Main anchor link attributes: href, tabindex, title. If you're link text isn't very descriptive of the destination, then put descriptive text in the title attribute. Another good attribute is accesskey, which allows the user to tab there when pressing [usually] CTRL or ALT + the accesskey.

An invisible link at the top of the page that skips to main content and is ordinarily invisible may be a good idea for screenreaders of your page. See the "Skipping HTML" section of this page.

Images — the <img> tag

Guidelines:

Tables

Pretty much just remember the <table>, <tr> and <td> tags. Table, table row, table data.

Tags that don't have closing tags

<br> <img> <input>, <meta>, <col>

Forms

Form fields need names if they're going to be used by the form-handling script. Remember method="get" will submit the info over the URL.

More Tags in Brief

More Form Input Types

These form input types are newer HTML5 types and not supported by all browsers, especially < IE 10.