💻 HTML for Beginners: Your First Step into Web Development

Raushan KumarRaushan Kumar
2 min read

🌐 What is HTML?

HTML stands for HyperText Markup Language. It is the standard language used to create and structure web pages. Every website you visit is built using HTML in some way.

Key roles of HTML:

  • Structures the content on a web page (headings, paragraphs, lists, links, etc.)

  • Defines elements like images, videos, and forms

  • Works together with CSS (for styling) and JavaScript (for interactivity)

🧱 Basic Structure of an HTML Document

Here’s what a basic HTML page looks like:

<!DOCTYPE html>
<html>
  <head>
    <title>My First HTML Page</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <p>This is my first web page using HTML.</p>
  </body>
</html>

Output:

  • Explanation:

  • <!DOCTYPE html>: Declares the document type and version of HTML.

  • <html>: The root of the HTML document.

  • <head>: Contains meta information like the page title and links to stylesheets or scripts.

  • <title>: Sets the title that appears in the browser tab.

  • <body>: This is where all the visible content goes (text, images, etc.).


🧩 Common HTML Elements

Here are some essential HTML tags to get started:

Headings

<h1>Main Heading</h1>
<h2>Subheading</h2>

Output:

Paragraphs

<p>This is a paragraph of text.</p>
<a href="https://hashnode.com" target="_blank">Visit Hashnode</a>

Output:

Images

<img src="http://click2book.us/img/click2book.us/pages/cruise/cruise-entertainment.jpg" alt="Sample Image">

Output:

Lists

<ul>
  <li>Item One</li>
  <li>Item Two</li>
</ul>

Output:

🛠️ Tips for Beginners

  • Use an editor like Visual Studio Code for writing HTML.

  • Always close your tags properly.

  • Indent your code for better readability.

  • Practice by creating small projects like a personal bio page or a favorite recipe.


✅ Your First Practice Challenge

Try building a small HTML page with:

  • A heading

  • A paragraph

  • An image

  • A link to your favorite website

Once done, open it in your browser to see how it looks!

1
Subscribe to my newsletter

Read articles from Raushan Kumar directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Raushan Kumar
Raushan Kumar