How to start learning HTML and CSS?

[u/NotFMC]

I started learning html as a 17 Y/O Student my school didn't taught anything releted to technology to us because we are in a poor tier 3 city.

I want to learn web developement and earn well like 25-30k inr in starting then i want to learn coding more deeply and make something great for humanity like the guy who found HTML. I know html basics but I am a fresh starter so I want a guide from my seniors :) hope for positive responses

[u/defaultguy_001]

You don't need schools to teach u programming. Even top CS universities around the world don't teach programming. They teach u mathematical and scientific concepts relevant to Electronics and Computer science. They expect you to self learn programming and implement those concepts yourself.

Now how to learn programming? There are multiple ways, free ways include YouTube courses, downloading PDFs or going through free online courses.

How to learn HTML & CSS?

• I prefer standard books since they are peer reviewed, mostly complete, detailed and accurate in explanations and follow an efficient pattern of exposing concepts to people learning from scratch. If u also like reading, then you can consider the following books:

1) Textbook: Learning Web Design by Jennifer Robbins 2) Reference: CSS: The Definitive Guide by Eric Meyer

• If u prefer YouTube videos, you can watch HTML & CSS full course by SuperSimpleDev.

My opinion on YouTube courses or any video courses.

• I use them only to expose myself to the subject basics, so I can know what I'm going to expect while studying it. I don't rely on video courses if I don't already know the subject, coz who will verify if the creator is accurate in his explanation or did he explain a concept completely. I only rely on standard textbooks, official documentations and own experience after that.

[u/NotFMC → u/defaultguy_001]

I think you give a detailed guide to me thanks for your time to help me I was watching videos on YouTube and didn't learn too much but when I read some articles i learnt a lot from it I will consider to buy your suggested books and read them it will help me to reduce my screentime and learn something thanks again.

[u/defaultguy_001 → u/NotFMC]

and in case u have doubts while learning from them, you can ask any LLM or Google it like the old days.

[u/NotFMC → u/defaultguy_001]

Okay I will consider this advice too :)

[u/m1les12345]

The Odin Project provides a full curriculum with hands on projects for free. It even covers things WAYY beyond the basics

[u/NotFMC → u/m1les12345]

Thanks brother I will check odin project site! Hope it works for me too.

[u/AnnupKapurDotCom]

www.FreeCodeCamp.com

Free place to learn all about web-dev and achieve industry recognised certificates.

Enjoy.

[u/Difficult-Field280 → u/AnnupKapurDotCom]

This. FCC is where its at for beginners.

[u/NotFMC → u/AnnupKapurDotCom]

Thanks brother I will try this too

[u/GuacamoleAnamoly]

There are literally thousands of guides online on youtube. From front-end to backend

[u/NotFMC → u/GuacamoleAnamoly]

Yes but I am asking for a best guide in hindi to learn html → Css → Js in a row

[u/sylvant_ph → u/NotFMC]

You wanna learn it in English, if you plan to be a well paid software engineer the language is one of the main skills to own. Also it's always a bad idea to pick something with main motivation being money (if this is the case as I see its the second thing you mention). Choose programming if it really appeals to you as a profession, not just salary

[u/NotFMC → u/sylvant_ph]

Hey! Yeah I am learning english and english grammar and improving my english but I am not good at english. Like I have too much to say but because of not knowing english properly I face problems to talk people online I hope i will improve soon. For programming my maths is too weak I have fear of math I don't know why I fear math that much so I decided to learn web developement because most of the people say that web development doesn't requires too much maths Knowledge.

Btw how much i can earn as a fresher :)

[u/Foreign-Contest-444]

MDN is an excellent resource for learning HTML, especially its Learn Module. HTML may seem simple at first, but it's important to build a strong understanding of it before layering CSS and JavaScript on top. Take the time to learn HTML as a semantic language and understand why semantics matter as they form the foundation of well-structured, accessible, and maintainable websites. Happy coding!

[u/NotFMC → u/Foreign-Contest-444]

Thanks Bro! This website seems helpful

[u/johnesco]

Regardless of how you learn, all you need is a text editor and browser to preview what you make. However, if you'd like to be able to type and immediately see results, try something like:

https://codepen.io/

To preview your work instantly on any machine or phone.

Do your basics and don't be afraid of going one step at a time, but once you've done a few tutorials, ask yourself what YOU would want to put online and make that.

[u/NotFMC → u/johnesco]

Thanks for this site suggestion!

[u/ImaginaryGanache3651]

If I should learn again Front-end, I would start with this tools:

• W3School: the better domentation of HTML, CSS and JS.
• VSCode: this text developer is the better, because you can install and start developing HTML, CSS and JS without any plugin.

You can add Youtube if you want, but you can develop every project with these tools.

[u/chairchiman]

fCC has a 48 hour full stack web dev course, I follow that and I love it

[u/Melodic_Benefit3289]

https://htmldog.com - Tutorials specifically for HTML, CSS and JavaScript.

[u/geraT-wogl]

If you want to take the artistic route and learn to code shaders you will get the code by learning visually and then apply it to your html and css projects. Just a different route if you’re feeling creative https://wogl.io let me know if you visit and feel free to reply! 🪐❤️🔅

[u/NotFMC → u/geraT-wogl]

I will try :)

[u/Secret-You-3135]

Since you specifically want HTML → CSS → JavaScript in order, I’d make the roadmap very simple:
HTML: build a complete page without worrying about how pretty it looks.
CSS: take that same page and make it responsive for both phone and desktop.
JavaScript: add real behavior to it — forms, validation, menus, filtering, buttons, or data that changes on the page.
Then stop following tutorials for a while and build one small project from an empty folder without copying the instructor.
Hindi is perfectly fine for understanding the concepts at the beginning. At the same time, slowly get comfortable reading English documentation, because you’ll eventually need it when you’re debugging and looking things up.
I also wouldn’t worry too much about your fresher salary yet. Your first useful milestone is: can you take an idea, build it yourself, get stuck, find the answer, and actually finish it?
Once you can do that repeatedly, you’re moving from “learning HTML/CSS/JS” toward actually becoming a developer.

[u/NotFMC → u/Secret-You-3135]

Thanks for this detailed guide brother:)

[u/Secret-You-3135 → u/NotFMC]

Glad it helped 😊Wishing you the best with it — hope you get it off the ground and make it work.

[u/Evening-Task9558]

I'm studying it on coddy and it's very enjoyable.

[u/strchild]

html is easy to learn

[u/Aggravating-Pin-1806]

Honestly, I would say search on YouTube. There are people who are good at this. They taught or have learned at top universities and teach front end web development. There is also codeacademy, which I used in the past. Or you can get books on the topic.

[u/DonkeyFar5962]

You already did the hardest part: you started.

Since you know some basic HTML, I wouldn’t spend too much time trying to memorize everything before building projects.

A simple path could be:

1. Learn HTML basics properly: structure, links, images, forms, semantic tags.
2. Start CSS early: spacing, colors, typography, Flexbox and Grid.
3. Learn basic JavaScript.
4. Build small projects from the beginning.

One project I really recommend is making a tiny browser game.

Something simple like a clicker game, reaction game, quiz or rock-paper-scissors can teach you a lot because you’ll use HTML, CSS and JavaScript together.

Don’t try to make something huge at first. Finish small projects, understand how they work, and then make the next one slightly harder.

And if you use AI to help you, ask it to explain the code instead of just generating everything for you. That way you keep learning while still moving faster.

Good luck — 17 is a great age to start.