DEV Community

Ata ur rahman Khan
Ata ur rahman Khan

Posted on

Top 5 Essential HTML Tags Every Beginner Should Know (With Examples)

If you are just starting your web development journey, learning HTML is your very first step. HTML (HyperText Markup Language) forms the backbone of every website on the Internet.

Here are 5 essential HTML tags every beginner must understand, along with simple examples.


Header Tags
Header tags define headings on a webpage.

<h1>Main Title of the Page</h1>
<h2>Sub-heading Topic</h2>

Paragraph Tag (<p>)

The (<p>) tag is used to display block text and paragraphs cleanly.

<p>This is a short paragraph explaining the web development concept.</p>

Anchor Tag (<a>)

The (<a>) tag creates hyperlinks to link other web pages, documents, or external resources.

<a href="[https://dev.to](https://dev.to)">Visit Dev.to Community</a>

Image Tag (<img>)
The (<img>) tag inserts images. It uses src for the image path and alt for backup descriptive text.

<img src="banner.jpg" alt="Web Development Banner">

Unordered List (<ul> & <li>)
List tags organize content into bullet points.

<ul>
<li>HTML Syntax</li>
<li>CSS Styling</li>
<li>JavaScript Logic</li>
</ul>


If you want handwritten PDF file then contact me on WhatsApp .

6396486858

Top comments (0)