What are HTML elements or tags?

What are HTML elements or tags?

There are 7th basic elements of an HTML document :
No 1. Heading Tage                                   No 2. Paragraph Tag
No 3. Line Break Tag                                No 4. Centering Content
No 5. Horizontal Lines                            No.6.Preserve Formatting
No.7.Nonbreaking Spaces

What are HTML elements or tags? Before discussing the basic tag of HTML or elements of HTML please read out the basic introduction to HTML language 

Heading in  HTML elements

Any document starts with a heading. You can use different sizes for your headings. HTML also has six levels of headings, which use the elements <h1>, <h2>, <h3&amp;gt;, <h4>, <h5>, and <h6>. While displaying any heading, the browser adds one line before and one line after that heading.

Example

<!DOCTYPE html>
<html>

   <head>
      <title>Heading Example</title>
   </head>
	
   <body>
      <h1>This is heading 1</h1>
      <h2>This is heading 2</h2>
      <h3>This is heading 3</h3>
      <h4>This is heading 4</h4>
      <h5>This is heading 5</h5>
      <h6>This is heading 6</h6>
   </body>
	
</html>

Result

For Online Demo Click here DEMO

Paragraph  HTML elements

The <p> tag offers a way to structure your text into different paragraphs. Each paragraph of text should go in between an opening <p> and a closing </p> tag, as shown below in the example −

Example

<!DOCTYPE html>
<html>

   <head>
      <title>Paragraph Example</title>
   </head>
	
   <body>
      <p>Here is the first paragraph of the text.</p>
      <p>Here is the Second paragraph of the text.</p>
      <p>Here is the Third paragraph of the text.</p>
   </body>
	
</html>

 Result

For Online Demo Click here DEMO

Result of Paragraph element HTML elements
Paragraph Element result

Line Break  HTML elements

Whenever you use the <br /> element, anything following it starts from the new line. This tag is an example of an empty part, where you do not need opening and closing tags, as there is nothing to go between them.

The <br /> tag has a space between the character BR and the forward slash. If you omit this space, older browsers will have trouble rendering the line break, while if you miss the forward slash character and use <br>, it is not valid in XHTML.

Example

<!DOCTYPE html>
<html>

   <head>
      <title>Line Break  Example</title>
   </head>
	
   <body>
      <p>Hello<br />
         You delivered your assignment ontime.<br />
         Thanks<br />
         Mahnaz</p&gt;
   </body>
	
</html>

 Result

For Online Demo Click here DEMO

Hello
You delivered your assignment on time.
Thanks
Taleemfree.com

Centering Content  HTML elements

You can use the <center> tag to put any content in the center of the page or any table cell. 

Example

<!DOCTYPE html>
<html>

   <head>
      <title>Centring Content Example</title>
   </head>
	
   <body>
      <p>This text is not in the center.</p>
      
      <center>
         <p>This text is in the center.</p>
      </center&gt;
   </body>
	
</html>

 Result

This text is not in the center.

This text is in the center.

Horizontal Lines HTML elements

  If you want to break up document sections visually, use Horizontal lines. The <hr> tag creates a line from the current position in the document to the right margin and breaks the line accordingly.

For example, you may want to give a line between two paragraphs, as in the given example below −

Example

<!DOCTYPE html>
<html>

   <head>
      <title>Horizontal Line Example</title>
   </head>
	
   <body>
      <p>This is paragraph one and should be on top</p>
      <hr />
      <p>This is paragraph two and should be at bottom</p>
   </body>
	
</html>

Result

This is paragraph one and should be on top


This is paragraph two and should be at the bottom

Again <hr /> tag is an example of an empty element, where you do not need opening and closing tags, as there is nothing to go between them.

The <hr /> element has a space between the character’s hr and the forward slash. If you omit this space, older browsers will have trouble rendering the horizontal line, while if you miss the forward slash character and use <hr>, it is not valid in XHTML.

Preserve Formatting HTML elements

Sometimes, written text is in an HTML document you want to show the reader the same as it. In these cases, you can use the preformatted tag <pre>.

Any text between the opening <pre> tag and the closing </pre> tag will preserve the formatting of the source document. 

Example

<!DOCTYPE html>
<html>

   <head>
      <title>Preserve Formatting Example</title>
   </head>
	
   <body>
      <pre>
         function testFunction( strText ){
            alert (strText)
         }
      </pre>
   </body>
	
</html>

Try using the same code without keeping it inside <pre>…</pre> tags.

Nonbreaking Spaces HTML elements

Suppose you want to use the phrase “12 girls.” Here, you would not want a browser to split the “12, girls” and “Men” across two lines −

This technique appears in the movie “12 girls.”

In cases where you do not want the client browser to break text, you should use a nonbreaking space entity &nbsp; instead of a common space. For example, when coding the “12 girls” in a paragraph, you should use something similar to the following code.

Example

<!DOCTYPE html>
<html>

   <head>
      <title>Nonbreaking Spaces Example</title>
   </head>
	
   <body>
      <p>An example of this technique appears in the movie "12&nbsp;Angry&nbsp;Men."</p>
   </body>
	
</html>

Result

An example of this technique appears in the movie “12 Angry Men.”

FAQS

What are HTML elements or tags with an example?

There are 7th basic elements of an HTML document :
No 1. Heading Tage                                   No 2. Paragraph Tag
No 3. Line Break Tag                                No 4. Centering Content
No 5. Horizontal Lines                            No.6.Preserve Formatting
No.7.Nonbreaking Spaces

What are heading elements in HTML?

Any document starts with a heading. You can use different sizes for your headings. HTML also has six levels of headings, which use the elements <h1>, <h2>, <h3&amp;gt;, <h4>, <h5>, and <h6>. While displaying any heading, the browser adds one line before and one line after that heading.

What are paragraphs elements in HTML?

The <p> tag offers a way to structure your text into different paragraphs. Each paragraph of text should go in between an opening <p> and a closing </p> tag

What are line break elements in HTML?

Whenever you use the <br /> element, anything following it starts from the new line. This tag is an example of an empty part, where you do not need opening and closing tags, as there is nothing to go between them. The <br /> tag has a space between the character BR and the forward slash. If you omit this space, older browsers will have trouble rendering the line break, while if you miss the forward slash character and use <br>, it is not valid in XHTML.

What is the centering content element in HTML?

You can use the <center> tag to put any content in the center of the page or any table cell. 

What is the Horizontal lines element in HTML?

If you want to break up document sections visually, use Horizontal lines. The <hr> tag creates a line from the current position in the document to the right margin and breaks the line accordingly.

What is the preserved formatting element in HTML?

Sometimes, written text is in an HTML document you want to show the reader the same as it. In these cases, you can use the preformatted tag <pre>.

What is the nonbreaking spaces element in HTML?

Suppose you want to use the phrase “12 students.” Here, you would not want a browser to split the “12, students” and “students” across two lines. This technique appears in the movie “12 students.”In cases where you do not want the client browser to break text, you should use a nonbreaking space entity &nbsp; instead of a common space. For example, when coding the “12 students” in a paragraph, you should use something similar to the following code.

4 Comments on “What are HTML elements or tags?”

Leave a Reply

Your email address will not be published. Required fields are marked *