HTML Reference Sheet

Common HTML Tags

There are many types of HTML tags, and some are easier to explain than others. The following examples are mostly self explanatory when it comes to syntax.

Easy Syntax HTML Tags:

Paragraph - New line, margin before and after. Browser ignores whitespace.
Example: <p>Sample text.....</p>

Blockquote - Similar to paragraph, but with an indent and cite attribute, which sites the quotation source.
Example: <blockquote cite="http://www.example.com">Sample quote Example: </blockquote>

Emphasis - displays in italics
Example: <em>text to emphasize</em>


Strong - displays in bold
Example: <strong>text to bold.</strong>


Underline - displays in underline
Example: <u>text to underline.</u>

Anchor - Hyperlink: Has an href attribute which is the site to be linked, then hyperlinks the chosen words to the href link.
Example: <a href="https://www.example.com">>Words to Hyperlink</a>

Image - No closing tag. Has 2 attributes, one directing to the image, and the other as alternate image text is the image isn't displayed.
Example: <image src = "image.png" alt="explanation">

Formatting this page with HTML syntax was kind of a nightmare. Again, HTML is a great outline but for formatting, CSS is what should be used.

HTML Facts:

The page displayed here has ALL of the text centered, and that is because of CSS, not HTML.