In web development, there are two main areas: front end and back end.

1. Front End: This is what users see and interact with directly. It's like the facade of a building. Front end development involves using HTML, CSS, and JavaScript to create the layout, design, and interactivity of a website or web application. Front end developers focus on ensuring a seamless and visually appealing user experience across different devices and browsers.

2. Back End: This is like the infrastructure behind the scenes, powering everything. Back end development involves working with server-side languages (such as Python, Ruby, PHP, or Node.js) and databases to manage data, handle user authentication, and perform other server-side tasks. Back end developers build and maintain the server, databases, and application logic that enable the front end to function properly. So for example, when you click a button, the back end handles the "click" action and leads the user to the next step after the click (another link, or a different page, a google form, etc).

Front End Resources:
HTML and CSS are great basics to get started with front end web dev.

Back End Resources:
Learn Javascript with this 1 hour long tutorial by Programming with Mosh that starts from scratch and assumes no prior experience. This YouTube Channel in general is a great resource for basic tutorials!
This book is widely regarded (written by Marijn Haverbeke) as a very useful tool for looking at JS Syntax, ranging from basic to intermediate usage of the language.
React is a very popular JS library for building websites. It breaks down all of its code into components and is very easy to comprehend.  This React tutorial, also from the same YouTuber, teaches you React from scratch.

Extra resources:

A comprehensive guide on how to start with web development:
Learn Web dev
Docs on CSS Basics
A game to better acquaint yourself with CSS & Tailwind CSS: Tailwind CSS allows you to directly compose classes in your HTML markup, allowing you to speed up the development process, as compared to writing CSS from scratch in a separate file.
Some great resources for Tailwind: Tailwind in 100 seconds
After the 100 seconds, the Tailwind documentation is a very good resource and is easy to navigate: It's a good idea to try and build a front end project (doesn't need to be super big) and see what sort of features you want in it and try and find Tailwind utility classes for the same. It introduces you to problem solving for front end coding and also lets you discover Tailwind hands-on.