What do you mean by nesting tags in HTML?

Answer 1

In HTML, all elements (which are delineated by tags) are either contiguous or nested; they cannot overlap.

A nested element is one that is contained inside another element, just as the HEAD and BODY elements are nested inside the HTML element.

Answer 2

The basis of HTML is the "tag" A tag looks like this:

<p>Tag content</p>

Or sometimes without the closing

<img src="Me.jpg" alt="One Handsome Dude">

Nesting is the process of putting tags inside one another. For instance:

<div>

<p>

Hi There!

</p>

</div>

The important thing to keep in mind is that the tags open and close in the same order. The example above is correct, the one below is incorrect.

<div>

<p>

Hi There!

</div>

</p>

If it helps, you might want to think of nested tags working in the same way as Russian dolls (or "nesting dolls.")

Answer 3

A nest tag is any tag (or element) that is surrounded by another element. For instance:

Your paragraph here

In this instance, we would say that the paragraph element is "nested" inside of the div element.

The important part of nesting tags that you need to keep in mind is that tags should always close in the reverse order they were opened in. For instance:

• List Item Text

NOT:

• List Item Text

It sometimes helps to think of tags like Russian Nesting dolls. You have to put the innermost doll together before you can put the next doll together.