5 steps to self-study HTML and CSS

If you’re trying to learn HTML and CSS on your own, then this how-to guide is for you. But first you need to be patient and perseverant – these are very important components in this direction. The study of site layout from scratch can be divided into several stages.

Stage one
It should be understood that HTML and CSS are not programming languages, but markup language and cascading style sheets, respectively. In other words, with these languages, you define the layout of elements (headings, paragraphs, links, etc.) and style them. It is also very important to remember that without a good theoretical foundation, you will not be able to get started.

Stage two
Learn HTML first. Learn how HTML versions differ, why tags are needed, what tags exist, and be sure to pay attention to tag attributes. The following resources will help you with this:

https://developer.mozilla.org
https://www.w3.org
Note that the last resource is a web consortium, here you can learn about innovations in the world of web development.

Stage three:
Learn CSS — here you will learn what a selector is, what types of selectors there are, their specificity, and much more. CSS is a very important topic in the world of web development. These are the display styles of web pages that you see on a daily basis.

Stage four:
Once you have mastered all the HTML / CSS material, start practicing. The more practice the better. Here you will need a text editor, PSD layouts and, as I wrote above, patience and perseverance. You can use any text editor you like. I will highlight the following:

Sublime text
Atom
Visual Studio Code
You can easily find free PSD layouts on Google.

Practice again.

And finally, some more useful resources:

And a few recommendations: The more practice you have, the faster you will learn all the pitfalls and just fill your hand. Download PSD layouts and layout, layout and layout again. Believe me, everyone has such a moment: “nothing works, I’ll give up everything and do something else,” but don’t give in to this, finish what you started. The world of web development is very wide, and layout is just the beginning.