HTML Formatting, How to format HTML Document?

1
416
html formatting

HTML Formatting

HTML Formatting is a process of formatting text for better look and feel. There are many formatting tags in HTML. These tags are used to make text bold, italicized, or underlined. There are almost 13 options available that how text appears in HTML and XHTML.

Tag Description
<b> Bold Text
<strong> Important Text
<i> Italic Text
<em> Emphasized Text
<u> Underlined Text
<small> smaller Text
<big> Larger Text
<sub> Subscripted Text
<sup> Superscripted Text
<ins> Inserted Text
<del> Deleted Text
<mark> Marked/Highlight Text
<strike> strikethrough Text

 

Bold Tag

If you write anything within a <b>……</b> element, is shown in bold letters, without any extra importance.

The HTML <strong> element defines strong text, with added semantic “strong” importance.

<p><b>This is a Bold paragraph</b></p>
<p><strong>This is strong tag</strong></p>

Italic Tag

If you write anything within a <i>……</i> element, is shown in italic letters, without any extra importance.

The HTML <em> element defines emphasized text, with added semantic importance.

<p> <i>Write Your First Paragraph in italic text.</i></p>
<p> <em>This text is emphasized</em></p>

Underlined Tag

If you write anything within <u>…..</u> element, is shown in underlined text.

<p> <u>Write Your First Paragraph in underline text.</u></p>

Smaller Text

If you want to put your font size smaller than the rest of the text then put the content within a <small>……</small>tag. It reduces one font size than the previous one.

<p>The following word uses a <small>small</small> typeface.</p>

Larger Text

If you want to put your font size larger than the rest of the text then put the content within <big>…..</big>. It increases one font size larger than the previous one.

<p>The following word uses a <big>big</big> typeface.</p>

Subscript Text

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

<p>The following word uses a <sub>subscript</sub> typeface.</p>

Superscript Text

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

<p>The following word uses a <sup>superscript</sup> typeface.</p>

Inserted Text

Anything that puts within ………. is displayed as inserted text.

<p>I want to <ins>cofee</ins></p>

Deleted Text

Anything that puts within ………. is displayed as deleted text.

<p>I want to drink <del>cola</del> <ins>wine</ins></p>

Marked Formatting

If you want to mark or highlight a text, you should write the content within <mark>……</mark>.

<p>HTML <mark>Marked</mark> Formatting</p>

Strike Text

Anything written within <strike>….</strike> element is displayed with strikethrough. It is a thin line which crosses the statement.

<p>The following word uses a <strike>strikethrough</strike> typeface.</p>

1 COMMENT

  1. I would like to show my thanks to this writer for rescuing me from this particular problem.
    Just after checking throughout the the net and obtaining basics
    which were not powerful, I believed my life was done.
    Existing devoid of the answers to the issues you have resolved all through your main article content is a
    crucial case, and the kind that might have in a negative way affected my entire career
    if I had not come across your site. The skills and kindness in touching all the things was invaluable.
    I don’t know what I would’ve done if I hadn’t discovered such a thing like this.
    It’s possible to at this time look forward to my future.
    Thank you so much for your high quality and sensible help.
    I won’t be reluctant to suggest your blog post to any person who will need support on this topic.

LEAVE A REPLY

Please enter your comment!
Please enter your name here