Sharing is caring!

htmlAnyone involved in web design should be somewhat familiar with at least the basics of HTML. HTML doesn’t really stand for “how to meet ladies”, but in some ways can be just as confusing. The real meaning of HTML is “hyper text markup language” and is essentially a set of commands that your internet browser reads and then displays for the end user. There are hundreds, and possibly thousands, of HTML commands; to help ease the pain of all the memorization we have made a html quick reference list for all the important commands that you’ll need:

<html> </html>

‘html’ starts and finishes a web page. You should never see anything above or below these commands unless you are using other languages and comments in your code

<head> </head>

‘head’ typically comes directly after the ‘html’ tag and contains all information that the browser will need, but won’t be displayed on the actual web page.

<title> </title>

‘title’ is exactly that, a title. Your title is used as a HUGE part of SEO and should be keyword rich. The title is displayed on the top of the browser.

<body> </body>

‘body’ is where your actual website goes. Make sure that you have relevant content in this section so that you can rank higher on search engines.

<a href= ” ” >Anchor Text </a>

‘a href’ is for adding links, where in between the quotation marks is the actual url and anchor text is the blue underlined text seen on the web page. Be careful of using your links wisely as to not loose any “link juice”.

 <img src=” ” alt=” ” />

‘img src’ is the tag used to display all your interesting and embarrassing pictures on your website. The file name of the picture goes in the first set of quotations marks, make sure to get the directory location correct, and the second set contain alternate text to your image in case it doesn’t load properly. Remember that having good alt image descriptions helps your page rank in Google images and gives your site relevant content.

<h1> <h2> <h3> <h4> <h5> <h6> </h1>….

header tags are used to increase the text size displayed on your webpage. H1 is the largest and h6 is the smallest. All of these tags can be edited in css to make them display properly. Make sure and use your h1 tag only ONCE on each page, frequent use will penalize you with search engines.

<b> vs <strong>

bold versus strong tags – both tags have the same effect as far as the look of the text goes, but if you want emphasis on certain word for search engines then use the ‘strong’ tag, not ‘b’.

<i> vs <em>

italicize versus emphasis – this is the same concept as bold and strong, use ’em’ for search engines.

These tags are some of the most useful and often misused tags used in HTML. We hope we helped you on your way to making the perfect, and seo friendly, website.

Jamie Bates
Online Marketing Director