In the past I did a City & Guilds in HTML web design, learnt how to make a websites with notepad and code them from scratch.
These days with all the tools available online and the fact design flair isn’t my strong point I use the tools availale to do the web design for me.
I do still find it valuable to have the knowledge on how to do it from scratch though. That’s why I have put this post together. Some simple beginner HTML that you might find useful in your blog, website or even autoresponder messages.
Some Basics
HTML is made up of tags. All tags (with a few exceptions) require an end tag. A web page will always start with <html> and end with </html>. A forward slash / is placed infront of the tag to show it is the end tag.
How to change the name of a link.
Setting a Hyperlink as they are called is done like this.
<a href=”http://www.steve-males.com”>Link to Steve Males’ Website.</a>
<a href> tag is ended with an end tag of </a>
The target is actually written into the tag itself and whatever you type between <a href=”??????”> and the end tag of </a> is what gets displayed.
So
<a href=”http://www.steve-males.com”>Link to Steve Males’ Website.</a>
will show as
and be a link to the target of http://www.steve-males.com
This is useful if you are sending your subscribers to a Clickbank product for example as you can mask your affiliate link.
When I send an email out to my list promoting George Browns Traffic Ultimatum which has the very unattractive link of http://b5dcdoy1-b19q94g9c4hz4vgwx.hop.clickbank.net/ i do it like this: -
<a href=”http://b5dcdoy1-b19q94g9c4hz4vgwx.hop.clickbank.net/”>George Browns Traffic Ultimatum</a>
So when the subscriber opens my mail it displays like this: -
George Browns Traffic Ultimatum
With me so far? Good, next we’ll look a…
Pictures
Every picture on the web has a location so in addition to uploading the picture to your own site you can reference a pictures location on another. Useful in emails so you don’t have to attach the image but can show it in the mail as if it is.
This is one of the exceptions to the rule that this tag doesn’t have an end tag.
It is quite simply <img src=”???”> where img means image and src is source.
I’ve just been to one of my other websites, right clicked on a picture of me and clicked properties. This then displays the location of that image and I copied it and pasted it in to my <img> tag.
So this <img src=”http://www.steve-males.com/uploads/2/9/0/1/2901732/7067702.jpg”> will display on the website or on an email as: -

Now what if you want the picture to be the link to another site? Well put both the above lessons together and you can make this picture become a link to a site like this: -
<a href=”http://www.steve-males.com”><img src=”http://www.steve-males.com/uploads/2/9/0/1/2901732/7067702.jpg”></a>
Here you can see I’ve replace the text Link to Steve Males’ Website with the <img> tag. It would like this and also if you click it links to that site: -
I don’t want to make this the longest blog post in the world so I’ll let you digest that now and come back with part 2 and maybe more in a short time.
Good luck and if you found it helpful give it a retweet ![]()
Steve.














