Introduction to HTML for Kids and Beginners

Hi everyone! 👋 My name is Yusuf Ridwanulahi Adeleke, and I’m a 12-year-old who loves coding and technology. On this blog, I share what I’m learning so other kids and beginners can start their own coding journey with confidence.

Today, let’s dive into something very exciting, HTML. If you’ve ever wondered how websites are made, this beginner-friendly HTML tutorial is the perfect place to start.

What is HTML?

HTML stands for HyperText Markup Language, and it’s the standard coding language used to build web pages. Every website you know, whether it’s Google, YouTube, or even fun game sites, has HTML at its foundation.

Think of HTML as the skeleton of a website. It gives structure to:

  • Headings,

  • Paragraphs,

  • Links,

  • Images,

  • Lists.

Without HTML, websites wouldn’t exist. It’s the first building block of the web.

Why Should Kids Learn HTML?

Learning HTML is a smart first step into the world of coding. Here’s why:

  • It’s simple and beginner-friendly,

  • It helps you build your own websites,

  • You can see results instantly, which makes learning fun,

  • It prepares you for advanced coding with CSS and JavaScript.

Coding is not just for adults, kids like us can create apps, websites, and even solve real problems with technology.

What Do You Need to Start Learning HTML?

The best part is, you don’t need expensive tools. All you need is:

  1. A text editor (to write your code),

  2. A web browser (to view your code).

Step 1: Download a Text Editor

A text editor is where you’ll type your HTML code. Some free and easy options include:

  • Notepad++ (Windows),

  • Visual Studio Code (VS Code) (Windows, Mac, Linux),

  • Sublime Text (Windows, Mac, Linux).

👉 For kids and beginners, I recommend Visual Studio Code (VS Code). It’s powerful, yet easy to use.

How to Download VS Code:

  1. Visit https://code.visualstudio.com/,

  2. Click on Download for your system (Windows, Mac, or Linux),

  3. Follow the steps to install it.

That’s it, you now have your coding tool!

Step 2: Choose a Browser

Browsers let you see your code in action. You can use Google Chrome, Firefox, Edge, or Safari.

Writing Your First HTML Page

Let’s write our very first webpage together.

  1. Open your text editor,

  2. Create a new file and save it as index.html,

  3. Type this code:

<!DOCTYPE html>
<html>
<head>
    <title>My First Web Page</title>
</head>
<body>
    <h1>Hello, World!</h1>
    <p>My name is Yusuf Ridwanulahi Adeleke, and I’m learning HTML.</p>
    <p>Coding is fun and exciting!</p>
</body>
</html>


  1. Save the file,

  2. Open it in your browser by double-clicking it.

🎉 Congratulations! You’ve just created your first webpage.

Breaking Down the Code

Here’s what each part means:

  • <!DOCTYPE html> → tells the browser this is an HTML5 document,

  • <html> → the start of your webpage,

  • <head> → contains information about the page (like its title),

  • <title> → sets the title that shows in the browser tab,

  • <body> → the part that people actually see,

  • <h1> → a heading,

  • <p> → a paragraph.

Adding Links with <a href>

One of the coolest things in HTML is adding links to other websites. You can do this with the <a> tag and the href attribute.

Example:

<a href="https://www.google.com">Visit Google</a>

This creates a link that says Visit Google, and when you click it, you’ll be taken to Google’s website.

  • <a> is the anchor tag,

  • href is where you put the web address.

Try It Yourself

Now that you know the basics, try these fun exercises:

  • Change the heading text to your own name,

  • Add more paragraphs with your hobbies,

  • Create links to your favorite websites.

The more you practice, the better you’ll get.

What’s Next After HTML?

Once you’re comfortable with HTML, you can learn:

  • CSS to add colors, fonts, and styles,

  • JavaScript to make your website interactive.

These three together (HTML, CSS, and JavaScript) are the main tools to build amazing websites.

Final Words

Learning HTML is like learning the language of the web. With it, you can create websites that share your ideas, hobbies, or even school projects. Remember, coding is for everyone, and kids like us can use technology to make a difference.

I hope this beginner-friendly HTML tutorial inspires you to keep coding. If you have questions, ideas, or just want to say hi, feel free to reach out—I’d love to hear from you.

Let’s code, create, and change the world together! 🚀

For a better understanding of this topic, kindly watch the video below. It will guide you step by step and make everything easier to follow.