I will assume you know basic computer terms, such as browser and server, but not necessarily specific code or things like HTML editor (or even HTML). If you don't know what they mean, look them up on the internet (I will defiantly assume you know what that means, as you are using it).
Also, I will not be posting pictures in this guide, as they are quite irrelevant. Instead, I will be providing links to web pages used as examples.
To view the code that the example web page used, right click anywhere in it and click either "View Source" or "Page Source" (depending on the browser).
Let's begin shall we?
Step 1: The Editor
If you can afford it, the best HTML editor you can buy (in my opinion) is Adobe Dreamweaver (formally Macromedia Dreamweaver). Other good editors include FrontPage (included in some versions of Microsoft Office) and CoffeeCup.
There are many free HTML editors out there though. I personally use KompoZer , it is free and similar to Dreamweaver. Another free one is Notepad (comes with every version of Windows), just remember to save the file with a .html ending instead of the default .txt.