Skip to Content
Heather Millar, Marketing Executive

The author

Heather Millar

Marketing Executive

I always used to find HTML intimidating with its brackets, abbreviations and whatnots all over the place. I’m sure I’m not alone in my computer jargon fears – even if it’s just my Mum keeping me company in this code-phobia. On the other hand, if you are completely code confident, just stop reading. Stop. This post is not for you.

I always used to find HTML intimidating with its brackets, abbreviations and whatnots all over the place. I’m sure I’m not alone in my computer jargon fears – even if it’s just my Mum keeping me company in this code-phobia. On the other hand, if you are completely code confident, just stop reading. Stop. This post is not for you.

­­­­­­­­­­­­­­­­­­­­­­­­­__________________________________________________

If, like me, you think HTML is a big scary monster that should be avoided at all costs, don’t panic: help is at hand. Please allow me to introduce this website created by Ross Shannon:

http://www.yourhtmlsource.com/

It’s a fantastic introduction to the web-based art, starting from scratch. Everything is broken down into bite-sized chunks, all the while being easy to understand and use for even the most HTML phobic person due to its friendly and witty commentary that guides you all the way to HTML happiness. I used the guide on this site here to tackle HTML and write my own code to start building a very basic site from scratch (yes, all by myself!) which currently looks like this:

From this code, I have got a page that looks like this: You may scoff - it is plain and very basic. But I was pleased with the progress I made here and it reminds you that getting the basics right is the most important bit! Without spending much time on this, I've learned the following things, which I have then used to build my page:

  • Headers and content - where I experimented with various attribute tags - colours, styles etc.
  • Image link – when you click my picture a ‘mailto:’ opens so that you can send me an email in your email client.
  • Simple page links - ‘the link’ at the bottom of the page - which opens up a second page (yes, I made two!)

Not bad for a first attempt, if I say so myself! After getting only this far in the guide (which didn’t take long at all), there is still plenty left to learn and do. With an abundance of tutorials for all levels on this site, you could carry on to complete them all and maybe even become a real pro! While I haven’t got that far yet, I got excited and wanted to share this with you now! It’s certainly been a huge help to me and I’d thoroughly recommend that you face your fears and give it a go. Just make sure you follow it in order, observe the ‘read this first’ links, take your time and I can almost promise you might even just enjoy it! If you have a go, I hope you find it as useful as I did. Let me know how you get on, leave a comment below or catch me on Twitter -@Heather64