How To New Line In Html

by

When working with HTML, you might find that you need to create a new line or line break within your content. In this blog post, we will discuss two methods to achieve this: using the <br> tag and using the <p> tag.

1. Using the <br> Tag

The <br> tag is a self-closing tag that is used to insert a line break in your content. Here’s an example of how you can use the <br> tag:

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;Using the &lt;br&gt; Tag&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;

    &lt;p&gt;This is some text.&lt;br&gt;
    This is a new line of text.&lt;/p&gt;

&lt;/body&gt;
&lt;/html&gt;



When the above code is rendered in the browser, the output will look like this:


This is some text.

    This is a new line of text.


2. Using the <p> Tag


Another way to create a new line in HTML is to use the <p> tag, which stands for “paragraph.” By using the <p> tag, you can separate blocks of text into different paragraphs. Here’s an example:


&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;Using the &lt;p&gt; Tag&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;

    &lt;p&gt;This is a <a href="https://tutorials.bot/other-tutorials/how-to-number-paragraphs-in-google-docs">paragraph of text</a>.&lt;/p&gt;
    &lt;p&gt;This is another paragraph of text.&lt;/p&gt;

&lt;/body&gt;
&lt;/html&gt;



When the above code is rendered in the browser, the output will look like this:


This is a paragraph of text.


This is another paragraph of text.


Conclusion


In conclusion, there are two main methods to create a new line in HTML: using the <br> tag for a single line break and using the <p> tag to separate blocks of text into different paragraphs. Both methods have their use cases, and it’s essential to understand when to use each one depending on your needs.