DEV Community

Cover image for Introduction to HTML
Chukwunonso Joseph Ofodile
Chukwunonso Joseph Ofodile

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.

Top comments (7)

Collapse
 
nathan_tarbert profile image
Nathan Tarbert

pretty cool seeing stuff broken down this clearly - tbh picking up html made me feel like i could actually build stuff online for real. you ever feel like just messing around with code opens up a whole new way of seeing the web?

Collapse
 
codetodeploy profile image
CodeToDeploy

yes it is pretty cool

Collapse
 
nevodavid profile image
Nevo David

pretty cool stuff - honestly kinda wild seeing how it all starts from something so simple. you ever feel like knowing the basics makes messing with websites way less scary?

Collapse
 
ofodile profile image
Chukwunonso Joseph Ofodile

Yeap, it does

Collapse
 
dotallio profile image
Dotallio

This breaks it down so clearly for beginners! How soon did you jump into CSS after learning the HTML basics?

Collapse
 
ofodile profile image
Chukwunonso Joseph Ofodile

As soon as I have build enough projects, Building projects will make you understand things the more

The more you build projects, the more you face errors and challenges which is what will scale up your experience

Collapse
 
ofodile998 profile image
Jossysports

I love this post, A must read for every beginner