CodeNewbie Community 🌱

Cover image for Introduction to HTML
Joseph Jossy
Joseph Jossy

Posted on

Introduction to HTML

If you’ve ever wanted to build a website, HTML is where your journey begins.

HTML stands for HyperText Markup Language, and it’s the foundation of all web pages. Whether you're creating a simple blog or a full-featured web app, HTML is what gives your page structure.

What Exactly Is HTML?

HTML isn’t a programming language—it’s a markup language used to describe the structure of web pages.

The Basic Structure of an HTML

<!DOCTYPE html>
<html>
 <head>
   <title>My First Website</title>
 </head>
 <body>
   <h1>Hello, world!</h1>
   <p>This is my first HTML page.</p>
  </body>
</html>

Enter fullscreen mode Exit fullscreen mode

Let’s break it down:

  • <!DOCTYPE html> – Tells the browser you're using HTML5

  • <html> – The root element of the page

  • <head> – Contains meta info like title and links to styles

  • <body> – The visible content lives here

Common HTML Tags

<h1> to <h6> - Headings
<p> - Paragraph
<a href="">- Link
<img src=""> - Image
<ul> <ol> <li> - Lists
<div> - Division/Block Container

Why Learn HTML First?

  1. It’s simple to learn, even with no coding background.
  2. Every website, no matter how complex, uses HTML at its core.
  3. Knowing HTML helps you understand how web content works before jumping into CSS or JavaScript.

*Next steps *
Once you're comfortable with HTML, you'll want to learn:

  1. CSS (for styling)
  2. JavaScript (for interactivity)
  3. Responsive design (so it works on phones and desktops)

Thanks for reading!

If you’re new to web dev, follow me for more beginner-friendly guides on HTML, CSS, and JavaScript, Also checkout Learnwithjossy.com where we teach students how to code like a pro

Top comments (0)