About the Layout
First, I'll explain this basic layout. This is what's called a "one-column" layout, because there is only one column going up and down with no sidebars, unlike the How To Homepage page which is a happy "two-column" layout.
This is one of the most basic layouts possible. Using this as a base, you can create a two-column layout with a different section on the left or the right, or even a three-column layout with both. That's just thinking in terms of boxes—the possibilities are endless if you try.
The basics start right here
People think of making websites as an arcane, difficult task, but in reality all you need to do is copy simple code. Anybody can do that.
It is true that big websites use complex frameworks that take a lot of learning, but the basics are in HTML and CSS. In fact, it's better for your computer to keep it like this. You only have to make it complicated if you decide to get insanely serious about it.
Try it yourself!
If you want to make a website, the best way to learn is by doing. Any kind of site is fine. Follow along with tutorials on the interent and things will shape up faster than you'd imagine.
Use another site as a reference and try to create just one page, no matter what it looks like. You might not be the happiest with it, but hey, you did that. Now you will have an idea of the start-to-finish process and what you should do in certain situations.
Once you're at this stage you might start to think things like, "Nxet time, I want to do this sort of thing..." and it will get way more fun for you! So, why not give it a try?