HTML Text Format

what is html ??

HTML stand for Hyper Text Markup Language. HTML is the code that is used to structure a web page and its content. using HTML, you can define headers, paragraphs, links, images, and much more things, so your browser knows how to structure the web page you're looking at.

Hence, HTML is a markup language which is used for creating attractive web pages with the help of styling, and which looks in a good format on a web browser. An HTML document is made of many HTML tags and each HTML tag contains different contents.

HTML Formatting

HTML Formatting is a process of formatting text for better look and feel. we can format text in HTML without using CSS. There are many formatting tags in HTML. These tags are used to make text bold, small or underlined.

types of HTML formatting tags

there are many formatting tags in HTML. these tags are designed to display special types of text. it makes the text look bold, small, important etc.

• Bold text - < b >
• Important text - < strong >
• Italic text - < i >
• Emphasized text - < em >
• Marked text - < mark >
• Smaller text- < small >
• Deleted text - < del >
• Inserted text - < ins >
• Subscript text - < sub >
• Superscript text - < sup >

1. Bold Text

The HTML < b > element defines bold text, without any extra importance.

example:

<p> this is normal and<b> this text is in bold. </b></p>

output : this is normal and this text is in bold.

2. important text

The HTML < strong > tag is a logical tag, which displays the content in bold font and informs the browser about its logical importance

example:

<p> this is normal and<strong> this text is important. </strong></p>

output : this is normal and this text is important.

3. Italic text

The HTML element display the enclosed content in italic font.

example:

<p> this is normal and<i> this text is italic. </i></p>

output : this is normal and this text is italic.

4. Emphasized text

The HTML < em > tag is a logical element, which will display the enclosed content in italic font, with a semantics importance.

example:

<p>this text is <em> emphasized. </em></p>

output : this text is emphasized.

5. Marked text

We use this tag to mark or highlight something. < mark >....</ mark >.

example:

<p> this text is <mark> marked. </mark></p>

output : this text is marked.

6. Smaller text

The HTML < small > element defines smaller text:

example:

<p> this text is <small> small. </small></p>

output : this text is small.

7. Deleted text

Anything that puts within < del >..........</ del > is displayed as deleted text.

example:

<p>My favorite color is <del>blue</del> red.</p>

output : My favorite color is blue red.

8. Inserted text

Anything that puts within < ins > ..........</ ins > is displayed as inserted text.

example:

<p> my fav color is <del> blue </del> <ins> black.</ins> </p>

output : my fav color is blue black.

9. Subscript text

If you put the content within < sub >..............</ sub > element, is shown in subscript ; means it is displayed half a character's height below the other characters.

example:

<p>this text is <sub>subscripted. </sub></p>

output : this text is _subscripted.

10. Superscript text

if you put the content within < sup >..............</ sup > element, is shown in superscript; means it is displayed half a character's height above the other characters.

example:

<p>this text is <sup> superscripted. </sup></p>

output : this text is ^{superscripted.}