DEV Community

Cover image for 🌍 Learn HTML: Build Your First Webpage
Himanshu Bhagwat
Himanshu Bhagwat

Posted on

🌍 Learn HTML: Build Your First Webpage

πŸ’‘ What is HTML?

It is the main language used to create websites.
HTML gives a structure to a webpage. It tells your browser:

  • What to show
  • Where to show it
  • How to arrange it

Everything you see on a website β€” text, headings, images, videos, buttons β€” starts with HTML.

🧱 Why is HTML Important?

Without HTML, a website would be blank.
HTML helps you build the basic layout of any webpage.

With HTML, you can:

  • Write headings and paragraphs
  • Add pictures, links, and videos
  • Make forms to collect information
  • Organize everything into sections
  • Create tables, lists, and more

It is like a blueprint or skeleton for your website.

πŸ› οΈ What Tools Do You Need to Write HTML?
You don't need any expensive software to start.
You only need two things:

  1. Text Editor – to write the HTML code Examples:
  • Notepad (Windows)
  • VS Code (Visual Studio Code) – best for beginners
  • Sublime Text or Atom
  1. Web Browser – to open your HTML file and see the result Examples: Google Chrome, Firefox, Microsoft Edge, Safari

✍️ How to Write HTML Code?
You can write HTML in any plain text editor.
Here’s a simple step-by-step:

  1. Open a text editor
  2. Type the following code:

Image description

Image description

  1. Save the file as index.html
  2. Double-click the file or open it in a browser
  3. You’ll see your first webpage!

🧾 Basic Structure of an HTML Page

Tag Use
<!DOCTYPE html> Tells browser this is an HTML document
<html> Wraps the whole page
<head> Hidden info like title or links to CSS
<title> The name shown on the browser tab
<body> Main visible content of the page

🏷️ Common and Useful HTML Tags

Image description

🧠 Tips for Learning HTML Faster
βœ… Practice every day
βœ… Try editing real HTML pages
βœ… Use free tools like:

  • CodePen.io
  • W3Schools Tryit Editor
  • FreeCodeCamp.org

βœ… Build mini-projects like:

  • A recipe card
  • A simple to-do list
  • A travel journal page

πŸ”— What to Learn After HTML?

After HTML, you can move to:

  • CSS – to make it look good
  • JavaScript – to make it interactive
  • Bootstrap – to design faster using pre-made layouts

HTML is a powerful tool even though it's easy to learn.
It is the first step to becoming a web developer, web designer, or digital creator.

You don’t need to be an expert to start.
Write one line. Test it. Play with it.

✍️ Written by Himanshu Bhagwat
πŸŽ“ Learning through @devsync

Top comments (0)