HTML Paragraph and Formatting Elements

Ad Code

HTML Paragraph and Formatting Elements

RK Tutorials January 28, 2022


Paragraph <p> Tag

<p> is used to define a paragraph in a webpage. We can use Align attribute with it.
When we use <p> tag then by default it aligns the text in left side of the page.
Example:

<p>This is left align text.</p>Output

This is left align text

<p align="center">This is center align text.</p>Output

                                                               This is center align text

<p align="right">This is right align text.</p>

<p align="justify">This is justifyed align text. This is justifyed align text. This is justifyed align text. This is justifyed align text. This is justifyed align text. This is justifyed align text. This is justifyed align text. This is justifyed align text.</p>

Output

This is justifyed align text. This is justifyed align text. This is justifyed align text. This is justifyed align text. This is justifyed align text. This is justifyed align text. This is justifyed align text. This is justifyed align text.

HTML Formatting Elements:

Formatting elements are designed to display special types of text for HTML document.

TagDesciptionEffect
●   <b>- Bold textBold Text
●   <u>- Underline textUnderline Text
●   <strong>- Important textImportant text
●   <i>- Italic textItalic Text
●   <em>- Emphasized textEmphasized Text
●   <mark>- Marked textMarked Text
●   <small>-Capital to Small textsmall text
●   <del>- Deleted text(Deleted text)
●   <ins>- Inserted text(Inserted text )
●   <sub>- Subscript text(H2)
●   <sup>- Superscript text(A2)


Bold Text <b>

If we want to display any text in bold then we use text enclosed with <b>...</b>.

Example

<!DOCTYPE html>
<html>
   <head>
      <title>Bold Text Example</title>
   </head>
   <body>
      <p> <b>HTML</b> stands for <b>Hyper Text Markup Language</b></p>
   </body>
</html>


Output

HTML stands for Hyper Text Markup Language


Italic Text <i>

If we want to display any text in italicized then we use text enclosed with <i>...</i>.

Example

<!DOCTYPE html>
<html>
   <head>
      <title>Italic Text Example</title>
   </head>
   <body>
      <p> HTML stands for <i>Hyper Text Markup Language</i></p>
   </body>
</html>

Output

HTML stands for Hyper Text Markup Language


Underlined Text <u>

Anything that appears within <u>...</u> tag, is displayed with underline.

Example

<!DOCTYPE html>
<html>
   <head>
      <title>Underlined Text Example</title>
   </head>
   <body>
      <p> HTML stands for <u>Hyper Text Markup Language</u></p>
   </body>
</html>


Output

HTML stands for Hyper Text Markup Language


Superscript Text <sup>

The <sup>...</sup> tag is used to place value or text on upper position of normal text.

Example

<!DOCTYPE html>
<html>
   <head>
      <title>Superscript Example</title>
   </head>
   <body>
      <p> A<sup>2</sup>+B<sup>2</sup></p>
   </body>
</html>

Output

A2+B2


Subscript Text <sub>

The <sub>...</sub> tag is used to place value or text on base position of normal text.

Example

<!DOCTYPE html>
<html>
   <head>
      <title>Subscript Example</title>
   </head>
   <body>
      <p> H<sub>2</sub>O</p>
   </body>
</html>

Output

H2O


«12345678910»


RK Tutorials

Posted by RK Tutorials

Post a Comment

0 Comments

Ad Code