Horje
What is Nested HTML Elements | HTML Elements Code
What is Nested HTML Elements

HTML elements can be nested (this means that elements can contain other elements).

All HTML documents consist of nested HTML elements.

The following example contains four HTML elements (<html>, <body>, <h1> and <p>):

HTML elements may contain other elements. This is called nesting, and to do it properly, the entire element (including its markup) must be within the start and end tags of the containing element (the parent). Proper nesting is one of the criteria of a well-formed document (a requirement for XHTML).


Example of Nested HTML Elements

<h1>My First Heading</h1>
<p>My first paragraph.</p>

Example of Full Page Nested Element

index.html
Example: HTML
 <!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html> 

Output should be:

Example of Full Page Nested Element

Example Explained

The <html> element is the root element and it defines the whole HTML document. It has a start tag <html> and an end tag </html>. Then, inside the <html> element there is a <body> element:
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

The <body> element defines the document's body. It has a start tag <body> and an end tag </body>. Then, inside the <body> element there are two other elements: <h1> and <p>:
<h1>My First Heading</h1>
<p>My first paragraph.</p>

The <h1> element defines a heading. It has a start tag <h1> and an end tag </h1>:
<h1>My First Heading</h1>

The <p> element defines a paragraph. It has a start tag <p> and an end tag </p>:
<p>My first paragraph.</p>



Read Full::
HTML Elements Code
Category:
HTML Code
Sub Category:
HTML Elements Code
Uploaded:
8 months ago
Uploaded by:
Admin
Views:
91

Related Articles
What is HTML Elements HTML Elements Code
What is Nested HTML Elements HTML Elements Code
Why should Never Skip the End Tag HTML Elements HTML Elements Code
What is Empty HTML Elements HTML Elements Code
Why HTML is Not Case Sensitive HTML Elements Code

Single Articles
Example of Nested HTML Elements
Example of Full Page Nested Element
Example Explained

Share on: