HTML (HyperText Markup Language) and CSS (Cascading Style Sheets) are the foundation of everything on the internet. Every website you see, including this one, uses these two languages to tell the browser what content to display and how it should look.
In this beginner-friendly 2026 tutorial, you are going to learn how these languages work, and we will build a complete web page from scratch together.
What is HTML exactly?
Think of HTML as the skeleton of a building. It defines the structure: where the walls sit, where the roof is, and where the doors are placed. In web terms, HTML tells the browser:
- "This is a main heading (H1)."
- "This is a paragraph of text."
- "This is a clickable link."
- "Display this image right here."
HTML uses "tags" to wrap content. For example, to make text bold, you wrap it like this:
<strong>Bold Text</strong>.
What is CSS?
If HTML is the skeleton of the building, CSS is the interior design and paint. CSS decides the aesthetics of that structure. Without CSS, the web would just consist of Times New Roman text on a plain white background.
With CSS, you tell the browser:
- "Make all headings blue."
- "Make the font Arial."
- "Change the background color to black for Dark Mode."
- "Move this image to the right side of the screen."
Step 1: Setting up your Environment
To write HTML and CSS, you do not need anything expensive. You just need a web browser (like Google Chrome) and a code editor. In 2026, the absolute best free code editor is Visual Studio Code (VS Code).
- Download and install Visual Studio Code.
- Create a completely new, empty folder on your desktop called "MyFirstWebsite".
- Drag that folder into VS Code to open it!
- Right-click inside VS Code and create a new file named
index.html.
Step 2: Writing your First HTML Code
Open index.html and type an exclamation mark !, then press Enter. VS
Code will automatically generate the default HTML Boilerplate. It looks scary,
but it's just the required setup for a page to load.
Inside the <body> tag, add the following text:
<h1>Hello World!</h1>
<p>This is my very first website. I am learning to code.</p>
Save the file. Then, double click the `index.html` file on your actual computer desktop folder to open it in Chrome. Congratulations! You just created a website.
Pro Tip for Beginners
If you're stuck, you can use AI Tools like ChatGPT to ask questions like: "Why isn't my CSS changing the background color?" AI is a perfect secondary tutor.
Conclusion and Next Steps
This is just the surface of what you can build. If you want to become a high-paid developer, your next step is to explore free programming courses online that will teach you the next logic language: JavaScript.