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&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
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>
</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>
</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 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 Angry 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&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 instead of a common space. For example, when coding the “12 students” in a paragraph, you should use something similar to the following code.
Very informative
thanks dear
I Love u Sir💗💗💗💗
oo really???