How to build your first website:

1. Have the correct tools!

As with anything having the right tools is essential, because you wouldn't dig a hole with a spoon would you?

for HTML and CSS (and even PHP and JS when you advance) I would recommned Brackets.io by adobe its free and it is very useful

When you first open brackets you will be greated by this screen:

Then go to the top left click File > New then a file called untitled will apear under a heading of working files

go ahead and rename it to index.html
(At this stage i would recommend that you save this file to a folder called "Website" in your documents or on your desktop this will allow you to save faster as you can press Ctrl + S to save at anytime)

so lets begin...

to make the document register as a html you need the following tags:

then if you have chrome you can press this symbol which is located in the top right for a live preview of your work that updates live as you are coding.

I would recommend placing your windows like this as it makes the process easier.

()
[This shows how the live update works]

anyway so you have the basis of your webpage now add some content...

add whatever content you want if you need help with tags please check out this Link

Now to CSS

CSS uses statments rather than tags such as;
background-color

on brackets click File > New rename it to style.css and save it into your "Website" folder
then go to your index.html page and insert this just under the html tag

link rel="stylesheet" type="text/css" href="style.css"
(with the arrows around i cant post them on here, see image below)

like this:

then go to style.css and start editing
(you can find all CSS statments here LINK)

if your chrome does not edit when you type the color click the chrome windows and press Ctrl +F5 and if that doesnt work close the window and click the lightning again