HTML elements are the names of the starting tags of your HTML code. When you find an element containing additional content, you will see that it ends up using a closing tag with a forward slash with the element's name. HTML Elements is a combination of HTML tags and content. The HTML element is between the start tag and the end tag; This is called an HTML element; It is important to have your content in it; Otherwise, it will be called only a tag. Here are some of the common examples of elements and how they are written:
| HTML tag | Example |
|---|---|
<p>
| <p>Paragraph elements are used for giving paragraph spacing to statements.</p>
|
<h1>
| <h1>Heading elements are used to provide a heading to articles on your web page.</h1>
|
<br>
| <br>Line break is used to provide carriage return or going to the next line.
|
Difference Between Tags and Elements
This is one of the most famous HTML questions: What might be the actual difference between a tag and an element? You can say that an HTML element consists of a starting tag always. When the HTML element holds sub-content or some other content within it, it will end up with an ending tag.
Nested HTML Elements
Elements can be nested, which means you can write an element, and before closing that element, you can start and finish another element within that outer element. It's very much possible to keep one element within another. Here's a simple example of such a situation:
Example:
<!DOCTYPE html>
<html>
<head>
<title>Example for Nested HTML Elements</title>
</head>
<body>
<p>This is my paragraph text with <strong>bold</strong> word.</p>
</body>
</html>Here the <strong>….</strong> is used to make your text bold. Here paragraph tag acts as an outer element, and a strong tag acts as an inner element, which can be called nesting of elements.
HEADING Elements or <hn> Elements
Any content or article has a nice heading that provides the document's title or the subject's name. Similarly, in HTML code, different heading sizes can be given on your web page. HTML allows six sizes for heading that uses elements name in the format of <hn>, where n starts from 1 till 6; like this:
Syntax:
<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>It is to be noted that when you implement any heading tag, the web browser will automatically add one line prior and one line following that heading to make the heading look neat.
Example:
<!DOCTYPE html>
<html>
<body>
<h2>This is page heading of size 2.</h2>
<h3>This is heading of size 3.</h3>
<h5>This is heading of size 5.</h5>
</body>
</html>Why Are the Heading Elements Important?
Heading plays an essential role as search engines usually use headings to index the web page's structure and content. Moreover, headings can make web articles more readable and neat.
