html5 Site Icon CSS3 Site Icon CSS Site Icon

CSS 1/2 Basics

HTML Doctor

I started off in HTML writing a cookery site and kinda making things up as I went along with the site.

I must admit that I was pretty clueless about of lot of things regarding HTML and CSS as I wrote that first site and I spent alot of time reading books and surfing the web for help when I got stuck.

I soon realized that HTML was easier than I thought at first. Although there seems like a lot of HTML tags to remember, a lot of tags are used at certain points within a HTML document. Others are purely presentational and CSS is better for these tags. So HTML is basically about structure and CSS is all about presentation.

So after using HTML on that first website with a bit of CSS I had a better idea of how things work together, and proceeded to write several more cookery sites at a faster pace.

After doing these I still wasn't 100% with all the ins and outs of writing a website so this website was born. I thought while I teach myself everything properly, I will write it down, so others can benefit as well. From this idea HTML Doctor was born and I have learnt an awful lot while writing the site.

My aim was to break HTML and CSS down into 3 levels of difficulty, those being Beginner, Intermediate and Advanced. The hard part was deciding what went where, and I think if I ever write a book, laying out the various sections of this site will hold me in good stead :). Within each of these levels I have tried to create simple lessons that just add a little layer of understanding each time. Each section is then finished off with a summary that brings all the things we have learnt from that section together.

The last and perhaps hardest part of the site to write, was a case study that shows how to create a website from scratch. This was difficult because I needed to do this without getting too bogged down in reams of HTML and CSS. So that the ideas shine through the code, as it were, and hopefully I achieved this.

While I have endeavoured to keep the information on the site accurate and up to date errors may be present. I am only human after all and accept no responsibility for errata on the site. Please contact us if you find errors so I can make the site a better experience for everyone.

I really hope you learn as much from using the site as I have from writing it.

Kevin.



Special thanks to the following:

Icons from FamFamFam, SoftIcons, IconAchive and pawelkaim under the Creative Commons Attribution License.

To all the people at the jQuery site for the wonderful jQuery library, UI and other great additions that are making web pages so much better.

The contributors to the HTML5 Boilerplate project and for the great template which is used as the basis for this sites HTML.

The contributors at the Modernizr project for the HTML5 and CSS3 detection software which we use on the site.



go to home page Homepage go to cake recipes Top