DEV Community

Cover image for #html #beginners #codenewbie #webdev
Ali Hamza
Ali Hamza

Posted on

#html #beginners #codenewbie #webdev

Hello Dev Community! πŸ‘‹

Today marks the official Day 1 of my web development journey. I have decided to learn the MERN stack, and naturally, I am starting from the absolute foundation: HTML (HyperText Markup Language).

I believe the best way to retain what I learn is to write about it and share it with the community. So, here is a quick breakdown of what I managed to build and understand today.


🧠 What I Learned Today

Before writing code, I learned that HTML isn't a programming languageβ€”it's a markup language that acts as the skeleton or structure of any website.

Here are the core concepts I mastered today:

1. The Essential Tags

I learned that HTML uses tags enclosed in angle brackets (<>), and most of them come in pairs (an opening tag and a closing tag).

  • <h1> to <h6>: Headings (where <h1> is the biggest and most important).
  • <p>: Paragraphs for adding regular text.
  • <a>: Anchor tags for adding links to other websites.

2. The Boilerplate Structure

Every HTML document needs a specific structural setup to tell the browser how to read it. I learned how to set up the basic skeleton:


html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My First Webpage</title>
</head>
<body>
    <h1>Hello, World!</h1>
    <p>This is officially my first day learning HTML.</p>
</body>
</html>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)