# Understanding HTML Tags and Elements
This is a basic requirement for the people who wants to learn the Web Development, this is the first technology people learn when they step into the world of Web Devlopment.
Sometimes it feel wonders that how text, images, buttons appear on a webpage, the answer starts with HTML tags and Elements.
This article will guide you through these Tags and Elements step by step, using clear explanations, simple examples and visual ideas, there is no advance knowledge required to understand this article.
---
## What is HTML and Why We Use It
HTML stands for Hypertext Markup Language, it is used to build the structure of any website. It tells the browser that what content will exist on a page and how that will structured.
Let’s suppose a webpage is like a human body. Just like human body is made of skeleton, then skin and clothing is there to make it look good after that muscles and brain which keep functioning to make our body interactive.
Just like that a website is also made of several components, we can compare them with a human body in following manners :
* HTML is the skeleton of webpage
* CSS is the styling ( like skin and clothing ) to make the webpage look good
* Javascript give the interactivity to webpage, just like a brain and muscles.
---
## What is an HTML tag ?
A HTML tag is used to tell the browser that the component inside this tag refers to an specific type, It is like an instruction for the browser.
HTML tag is written inside `<>` brackets.
Example : `Paragraph
`
### Opening and Closing Tags :
Most of the tags comes in pair of opening and closing tag. It can be written like `<> `. CLosing tag is same as the opening tag, but with a forward slash `/`.
### What is Content ?
Anything comes between these opening and closing tags, is known as content. This can be written like this `<>Content`
Example : `Hello World
`
### **Self-Closing (Void) Elements**
Some HTML elements **don’t need content**. These are called **self-closing** or **void elements**.
Examples include:
* Images
* Line breaks
* Horizontal lines
Example:
```bash
```
There is:
* ❌ No closing tag
* ❌ No content inside
The browser already knows what to do just by seeing the tag.
---
## **Block-Level vs Inline Elements**
HTML elements behave differently when displayed on a page. The two main categories are **block-level** and **inline** elements.
### **Block-Level Elements**
* Start on a **new line**
* Take up the **full width** of the page
Examples:
* `` – heading
* `
` – paragraph
* `