Tuesday, June 23, 2020

HTML PARAGRAPH:- EXPLANATION


HTML Paragraph

In Html, you can write a paragraph by using <p> tag.

Remember that whenever you put <p> tag on your Html document. Your paragraph starts with a new line every time.

Example :-

<p> Example of html paragraph </p>

<p> Another example of html paragraph </p>

Output:-


HTML DISPLAY

With Html, you can’t add extra space or extra line in paragraph by yourself in your Html code.

The browser automatically removes the extra space or line.

Look at the Example below:-

<p> This is an Example

of HTML

paragraph.

</p>

<p> This      is         another

example        of                html

P       a       r     a    g      r     a     p   h .

</p>

OUTPUT:-


Now, doubt comes in your mind that if I want a space or a new line then how we could add them to a paragraph. So, friends, I have a solution to it. Let’s check how we can add space or a new line in our paragraph line.

To add new line use <br> tag

If you want to add a new line in your paragraph you have to use “<br>” tag (also known as break tag) from where you wanted to add a new line. It is also known as Line Break. Let's see an example of it.

And if you want to add some space in your paragraph just use the (&nbsp) entity in your Html file.

Example of a line break or add a new line:-

<p> This is an <br> Example of Break Tag <br> used in paragraph tag. </p>

Example of adding some space in your paragraph:-

<p> This is an E &nbsp X &nbsp A &nbsp MPLE of add space. </p>

Output:-

Break Tag



&nbsp

Now, some users doubt what they would do if they wanted the text to remain the same. So there is a way. Let’s talk about it

The <pre> Html Element

HTML <pre> tag is known as (preformatted text). I think you must know by its name. The preformatted text means which presented the text exactly written in your Html file.

Example:-

<pre>

                           Hey

This         is       Example    

                                                                of    the preformatted

                           Text.

</pre>

Output:-


That is for today guys. I hope you liked the article. If you have doubt comment them or DM me on my social media given on the website.

Thanks for visiting here

Have a good day.

People Also Read:- HTML HEADING :- FULL EXPLANATION WITH EXAMPLES

People Also Read:- HTML ATTRIBUTES :- Explanation with Example

2 comments:

Like us on facebook

blogger templatesblogger widgets

Follow on Twitter

Linkedin

Categories

Contact Form

Name

Email *

Message *

Mad About Computer. Powered by Blogger.