HTML Elements: Tags, Nesting, and Structure

The HTML element typically goes in pairs, including the opening tag, closing tag, and the content inside the two tags.

content

The HTML element is everything from the opening tag to the closing tag.

Example of HTML element

Learn HTML programming

HTML is a hypertext markup language.

• opening tag is

   

  and
• The content of the element is' Learn HTML programming 'and' HTML is hypertext markup language. '
• Close tag is and

HTML elements without content are called empty elements. Empty element has no closing tag, As an example, (used for line breaks).

Nested HTML elements

HTML elements can be nested (this element is in another element)

All HTML documents contain nested HTML elements.

the example below has 4 HTML elements.

Learn HTML programming

HTML is a hypertext markup language.

Explain the example

• Element Defined for both texts, with open tags and the closing tag is. The content of this element is another element (that is ).

Learn HTML programming

HTML is a hypertext markup language.

• Element Identify the entire body of the text, starting with the opening tag and end with a closing tag , the content is 2 other HTML elements (

   

  and

  ).

Learn HTML programming

HTML is a hypertext markup language.

• Element

   

  Define the title, have the opening tag

   

  and the closing tag is , the content is Learn HTML programming.

Learn HTML programming

• Element Identify the paragraph, including the opening tag and the closing tag is , the content is HTML is the hypertext markup language.

HTML is a hypertext markup language.

Don't forget the closing tag

Although some HTML elements are still displayed correctly even if you forget the closing tag, the browser will still display the same way as the closing tag, As an example,, below.

Learn HTML programming

HTML is a hypertext markup language.

But don't rely too much on this because in other cases, it may cause an error when you forget the closing tag.

Empty HTML element

Empty HTML elements are elements that do not contain content.

is an empty element, has no closing tag and helps break the line.

Empty elements can 'close' at the opening tag like this />

HTML5 is not required to close the empty element. But if you want more rigorous validation or want your XML parsers to be readable, it's best to close all HTML elements properly.

Tags marked with uppercase and lowercase letters