HTML Tags Used For Text Formatting

Heading Tag

In HTML we can use heading tags in six different domain from h1 to h6.HTML affords now not solely simple paragraph tags, however six separate header tags to point out headings of a number of sizes and

thicknesses. Enumerated as heading 1 via heading 6, heading 1 has the greatest and thickest textual content whilst heading

6 is the smallest and thinnest, down to the paragraph level. This subject important points applicable utilization of these tags.

Headings can be used to describe the subject they precede and they are described with the <h1> to </h1><h6> tags. Headings support all the international attributes.

<h1> <h/1> defines the most essential heading.

<h6> </h6> defines the least vital heading.

Defining a heading:

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Paragraph Tag

<p> Inside this tag the content is paragraph </p>

<br> Create a line break between webpge content.

<pre> Defines pre-formatted text.

Paragraphs tag is the most basic tag in HTML element It is one of the tag which is widely used in html webpages. .

The HTML <p> element defines a paragraph:

<p>This is a HTML paragraph.</p>

<p>This is another HTML paragraph.</p>

Display-You cannot be sure how HTML will be displayed.

Large or small screens, and resized windows will create different results.

With HTML, you cannot change the output by adding extra spaces or extra lines in your HTML code.

The browser will remove any extra spaces and extra lines when the page is displayed:

<p>This is anotherHTML paragraph, extra spaces will be removed by browsers</p>

Text Formatting Tags

While most HTML tags are used to create elements, HTML additionally affords in-text formatting tags to follow specific text-related patterns to parts of text. This theme consists of examples of HTML textual content formatting such as highlighting, bolding, underlining, subscript, and superscript text.

1- Highlighting

The <mark> thing is new in HTML5 and is used to mark or spotlight textual content in a report "due to its relevance in another context"

The most frequent instance would be in the consequences of a search had been the consumer has entered a search question and results are proven highlighting the favored query.

Example:

<p>Tech Era is a <mark> You Tube Channel </mark>.</p>

Output:

Tech Era is a You Tube Channel

Bold, Italic, and Underline

Bold Text

To bold a text, use the <strong> or <b> tags:

What’s the difference? Semantics. <strong> is used to point out that the textual content is essentially or semantically important to the surrounding text, whilst <b> suggests no such significance and without a doubt represents textual content that should be bolded.

If you had been to use <b> a text-to-speech application would no longer say the word(s) any otherwise than any of the other words round it - you are in reality drawing interest to them barring including any extra importance. By using <strong>, though, the equal application would favor to communicate these word(s) with a unique tone of voice to convey that the text is essential in some way.

Italic Text

To italicize text, use the <em> or <i> tags:

<em>ItalicText Here</em>

<i>Italic Text Here</i>

What’s the difference? Semantics. <em> is used to point out that the textual content have to have greater emphasis that need to be stressed, whilst <i> sincerely represents textual content which must be set off from the everyday textual content round it.

For example, if you desired to stress the motion inner a sentence, one would possibly do so by using emphasizing it in italics via

<em>: "Would you simply put up the edit already?"

But if you have been figuring out a e book or newspaper that you would typically italicize stylistically, you would in reality use

<i>: "I was once pressured to study Romeo and Juliet in excessive school.

Underlined Text

If you want to underline any text in the webpage,then you can use underline tag which will create a underline on the content which is inside <u> tag.

<u>Underline Text is Here<u>

Superscript and Subscript Tag

To offset textual content both upward or downward you can use the tags <sup> and <sub>.

To create superscript:

<sup>superscript here</sup>

Example:

<p>I am in 6 <sup>th</sup> Class.</p>

To create subscript:

<sub>subscript here</sub>

Example:

<p>The value of <sub>2</sub> </p>

Tech Era

Search This Blog