html

Grouping Tags

Following tags are known as grouping tags.

div: It is a block level element.
span: It is an inline element.

Block level elements always start with a new line and take all width available to it. On the other hand, inline elements do not take the new line and takes only the required space.

Content Division Element

<div> is a paired tag, it is used as a container of other elements.

Span Element

<span> is also paired tag. As it is an inline element it will not make a new line. It is mainly used as a container for some text.

____ is a block level element.

<!DOCTYPE html>
        <html>
        <head>
            <title>Grouping Tags Example</title>
        </head>
        <body>
            <div>
                <img src="https://upload.wikimedia.org/wikipedia/commons/5/57/Fr%C3%BChling_bl%C3%BChender_Kirschenbaum.jpg" width="300" alt="A Wild Cherry (Prunus avium) in flower 4">
                <p>A Wild Cherry</p>
            </div>
            <p><span>Some text</span></p>
            <h1>This is Heading <span>This is span</span></h1>
            
        </body>
        </html>

This is Heading This is span

Grouping Tags

Content Division Element

Span Element

____ is a block level element.