Text Formatting in HTML

You may want to do some basic formatting in your document without the use of CSS.

Bold and Italic Text

<body>
    <p>This is <strong>bold</strong> text.</p>
    <p>This is <em>italic</em> text.</p>
</body>

: Represents strong importance or seriousness, typically displayed as bold.
: Represents emphasized text, typically displayed as italic.

Underline Text

<body>
    <p>This is <u>underlined</u> text.</p>
</body>

: Represents underlined text.

Strikethrough Text:

<body>
    <p>This text is <s>strikethrough</s>.</p>
</body>

<s>: Represents strikethrough text.

Superscript and Subscript:

<body>

    <p>This is <sup>superscript</sup> text.</p>
    <p>This is <sub>subscript</sub> text.</p>

</body>

: Represents superscript text.
: Represents subscript text.

Marked Text:

<body>
    <p>This <mark>text</mark> is marked.</p>
</body>

: Represents text that should be marked or highlighted.

Quotations:

<body>
    <p>He said, <q>This is a short quotation.</q></p>
    <p>This is a <blockquote>block quotation</blockquote> in a paragraph.</p>
</body>

<q>: Represents a short inline quotation.
<blockquote>: Represents a block-level quotation.

Line Breaks

<body>
<p>This is a bunch of text, <br/> words after br will break to a new line.</p>
</body>

 : Represents a line break, creating a new line within the text.

Comments

Comments are not visible on the webpage but can help add notes to your code.

<body>
    <!-- This is a comment. Comments are not displayed in the browser. -->
    <p>This is a paragraph with a comment.</p>
</body>

Almost all of the above formatting can be achieved with CSS but it is good that you know it in HTML, we will talk more about formatting in a CSS tutorial post

Ritechoice23