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
\ncharacter is a special character that represents a new line in a string of text. It is typically used in conjunction with theinnerHTMLproperty or in a textarea element. - The
\ncharacter 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.
