Essential HTML Cheat Sheet

HTML is the main markup language for creating web pages. There are some basic tags that are very simple to apply and can effect the overall look you are trying to achieve.

Here are some basic HTML tags to get you started:

HTML Headings <h1> to <h6> tags

There are six different heading tags that create different effects. They all work in the same way, replacing with the different numbers. h1 is the largest down to h6 which is the smallest font. Here is an example:

<h1>using this tag will create an H1 heading</h1>

Paragraphs

There is a tag that you can use to start a new paragraph i.e. on a new line with a space above and another to create a line break i.e. a new line but with no space above. Here are examples of both:

<p>this tag will create a new paragraph</p>

<br>this tag will create a link break (no end tag required)

<ol>this tag will create an ordered list (numerical or alphabetical)</ol>
<li>item 1 on list</li>
<li>item 2 on list</li>
<li>item 3 on list</li>

<ul>this tag will create a an unordered list</ul>
<li>item 1 on list</li>
<li>item 2 on list</li>
<li>item 3 on list</li>

Hyperlinks

You may wish to link a particular section of text to another webpage. Here is an example of how you would insert a hyperlink using HTML:

Visit The Web Taylor’s blog for all the latest business, marketing and web design advice

Other Basic HTML Tags

<b>This makes your text bold</b>

<i>This italicises your text</i>

<font color=”red”>This will change the colour of your text (name or hex value)</font>

These are just some very basic HTML tags and there are many many more. Please contact The Web Taylor if you need some further advice on HTML.