Target audience

Before I begin, I’d like to clarify who my target audience is.

These next series of tutorials are for absolute beginners who have no insight or knowledge into making and creating websites with HTML and CSS or have no coding experience at all. In these next couple of tutorials, I’ll be targeting  people who fall within these categories:

• Complete beginners that want to learn the basics of HTML and CSS
• Designers wanting to learn how to code HTML and CSS
• Anyone wanting to learn how how to create websites

Before we get started, you should already be comfortable with using a basic text editor and are familiar with modern browsers (Please don’t use any versions of Internet Explorer that is below IE9… actually don’t use Internet Explorer at all. Try Chrome or Firefox instead)

If you’re already comfortable with writing basic HTML and CSS, this tutorial is NOT for you and you’ll be very frustrated with these tutorials. There are plenty of other advanced topics for creating websites with HTML and CSS out there. My tutorials are aimed solely for absolute beginners who have no experience with it whatsoever.

Anyways, lets get this tutorial started!

So you want to learn HTML and CSS

What is HTML?

HTML stands for HyperText Markup Language. It’s the basic building block for creating websites.

Think of HTML as the foundation of a house. The house itself is the entire website, and HTML is the foundation of the house (The ceiling, the walls, and the floor).  HTML is used to help structure your website.

What is CSS?

CSS stands for Cascading StyleSheets. If HTML is like the foundation of a house, CSS is the decoration and aesthetics. CSS is used to style how a website looks and feels. We’ll be using CSS to style our HTML to make our websites look better and much more usable.

Enough with the intro, let’s get coding!

But first, in order to start coding HTML and CSS, we’ll need to download a text editor.

A text editor is used to code actual HTML and CSS, so we’ll need to use a text editor to create our webpages. There are many, many different types of text editors out there. I prefer using Sublime Text 2 (For Windows, Mac, and Linux. It’s Free to use, though I highly encourage you purchase a license to help those developers out). You can also use the default text editors already installed in your computer (Windows: Notepad, Mac: TextEdit) but they don’t really have a lot of features. As for the rest of my tutorials, I’ll be using Sublime Text 2, though you can use any other text editor you want (Just don’t use graphical word programs like Microsoft Word. Only use plain text editors).

Ok, enough with the setup, let’s move on to Part 2 and actually start coding now.

HTML and CSS for Absolute Beginners – Part 2 – Structure of a Webpage ?