Html Code for New Line With Examples

0
44
Html Code for New Line With Examples

Html Code for New Line With Examples

To create a new line in HTML, you can use the <br> element. This element represents a line break and can be used to add a line break wherever it is needed in the content of an HTML page.

Here is an example of how you can use the <br> element to create a new line in HTML:

<p>This is some text.<br>This text is on a new line.</p>

The <br> element is an empty element, which means it has no content and does not have a closing tag.

Alternatively, you can use the \n character to create a new line in a string of text that is being displayed using the innerHTML property or in a textarea element.

<div id="myDiv">This is some text.\nThis text is on a new line.</div>

<textarea>This is some text.\nThis text is on a new line.</textarea>

Here are a few more examples of how you can use the <br> element and the \n character to create new lines in HTML:

Example 1: Use the <br> element to create a new line within a paragraph:

<p>This is the first line of the paragraph.<br>This is the second line of the paragraph.</p>

Example 2: Use the \n character to create a new line in the innerHTML property of an element:

<script>document.getElementById("myDiv").innerHTML = "This is the first line of the paragraph.\nThis is the second line of the paragraph.";
</script>

Example 3: Use the \n character to create a new line in a textarea element:

<textarea>This is the first line of the textarea.\nThis is the second line of the textarea.</textarea>

Here are a few more points to consider when using the <br> element and the \n character to create new lines in HTML:

  • The <br> element is a block-level element, which means it creates a line break and causes the content that follows it to start on a new line.
  • The <br> element is an empty element, which means it does not have a closing tag. This is different from most other HTML elements, which have both an opening tag and a closing tag.
  • The \n character is a special character that represents a new line in a string of text. It is typically used in conjunction with the innerHTML property or in a textarea element.
  • The \n character is not recognized as a line break in most HTML elements. To create a line break in these elements, you’ll need to use the <br> element or wrap the text in a block-level element, such as a <p> element or a <div> element.