Inline tags : They are used to format text within a line. They do not start on a new line or take up the full width of their container.
ex: <code>&lt;div&gt;</code>, <code>&lt;p&gt;</code>, <code>&lt;h1&gt;</code>, <code>&lt;ul&gt;</code>, <code>&lt;li&gt;</code>......
Uses: They are used for styling and formatting text within the content.
Block tags : They start on a new line and take up the full width of their container.
ex: <code>&lt;span&gt;</code>, <code>&lt;a&gt;</code>, <code>&lt;strong&gt;</code>, <code>&lt;em&gt;</code>, <code>&lt;img&gt;</code>......
Uses: They are typically used to structure the main content of a web page, such as paragraphs, headings.
Code to demostrate it:
<pre><code class="lang-html">&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
 &lt;meta charset="UTF-8" /&gt;
 &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
 &lt;meta name="viewport" content="width=\, initial-scale=1.0" /&gt;
 &lt;title&gt;BLOCK AND TITLE&lt;/title&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;h1&gt;also block level&lt;/h1&gt;
 &lt;h1&gt;BLOCK LEVEL&lt;/h1&gt;
 &lt;hr&gt;
 &lt;p&gt; &lt;b&gt;BLOCK &lt;/b&gt;Animals are &lt;/p&gt;

 &lt;p&gt; &lt;b&gt;from here&lt;/b&gt;Locing elit. Dolorem, magnam.&lt;/p&gt;

 &lt;span&gt; &lt;b&gt;INLINE &lt;/b&gt;Aniganisms in the biological kingdom With&lt;/span&gt;

 &lt;span&gt; &lt;b&gt;from here&lt;/b&gt;Lorem ipsuit. Dolorem, magnam.&lt;/span&gt;
&lt;/body&gt;

&lt;/html&gt;
</code></pre>
lt6: <a target="_blank" href="https://hashnode.com/post/clnw4rw9l000409l72njy2e61">https://hashnode.com/post/clnw4rw9l000409l72njy2e61</a>

**Inline tags** : They are used to format text within a line. They do not start on a new line or take up the full width of their container.

ex: `<div>`, ``, `<h1>`, `<ul>`, `<li>`......

***Uses:*** They are used for styling and formatting text within the content.

**Block tags** : They start on a new line and take up the full width of their container.

ex: ``, `<a>`, ``, ``, `<img>`......

***Uses:*** They are typically used to structure the main content of a web page, such as paragraphs, headings.

*Code to demostrate it:*

```html
<!DOCTYPE html>
<html lang="en">

<head>
 <meta charset="UTF-8" />
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 <meta name="viewport" content="width=\, initial-scale=1.0" />
 <title>BLOCK AND TITLE</title>
</head>

<body>
<h1>also block level</h1>
 <h1>BLOCK LEVEL</h1>
 <hr>
 BLOCK Animals are 

 from hereLocing elit. Dolorem, magnam.

 INLINE Aniganisms in the biological kingdom With

 from hereLorem ipsuit. Dolorem, magnam.
</body>

</html>
```

*lt6:* [https://hashnode.com/post/clnw4rw9l000409l72njy2e61](https://hashnode.com/post/clnw4rw9l000409l72njy2e61)

In this we gonna learn about block level and inline elements in html with the suitable examples and coding implementation

Inline VS Block Elements(lt.7)