HTML Introduction

Start by downloading this file (index.pdf)

Open the file, and open a new file in a text editor (Notepad++, for example)

Save your new file in a location that you can easily remember. Give it the filename index.html

Start typing. Type everything you see in index.pdf (the file you downloaded) into index.html (the file you just created). That's right, you're going to copy the entire file the old fashioned way.

Note that the numbers on the left should not be copied (they are line numbers and will be created automatically with your text editor). Indentations are created with the TAB key. If your indentations aren't the same amount of spaces as seen in index.pdf, don't worry. Just keep the same structure of TABs. Also, don't worry about the text color. Notepad++ will color the text in its own way as you type. This is called "syntax highlighting".

When you are done copying, save your file and then open it in Chrome. You'll see a basic web page that also happens to be an introduction to HTML. A lot the text you copied won't be visible, because it is being interpreted as code. If something looks awry on this page, it probably means that you copied something incorrectly. Note where things are awry and find that same spot in index.html. Can you find where you made your mistake?

Maybe you want to take a look at this HTML tutorial, which is very clear and helpful for getting started?