HTML Paragraphs & Line Breaks

HTML Paragraphs & Line BreaksTo help your visitor read and absorb your written content, it’s vital that you practice good typographic principles and correct formatting. This can easily be achieved by breaking up your copy into paragraphs. HTML offers a simple <p>tag</p> to denote paragraphs. However, line breaks in your code are there to help you read your HTML and will not appear in the actual visible web page.

Paragraphs in HTML

A paragraph is a “distinct subdivisions of a text intended to separate ideas”. In HTML terms it is denoted by the following code:

<p>This is a paragraph.</p>

If you add more content beneath this paragraph or indeed another paragraph, you will notice a natural ‘double return’ within your copy.

HTML Line Breaks

A line break is characterised by a ‘single return’, where the copy precedes after the line break directly beneath it.

Special Note: Remember, line breaks in your HTML code will not appear at browser level. They can be used to help you organise your code. If you need to create a single line break in your copy to be displayed on a browser, then you can try the following:

Example:

This is my first line,<br>And here is the next line.

This will appear as:

This is my first line,
And here is the next line.

The line break <br> causes the preceding line of text to appear directly beneath the first, unlike paragraph <p> which forces a new paragraph.

Conclusion

Whether you are using line breaks or paragraphs, the overall goal is to render your copy in a form that will engage the visitor. Reading one continuous line of text is definitely to be avoided. Try shortening sentences when possible and ‘drip-feeding’ content to the visitor.

Leave a Reply

Your email address will not be published. Required fields are marked *