Paragraph and Break tags in HTML.

After giving our HTML document headings and subheadings, it’s time to write and style our first paragraph and break it to the next line. Let’s learn to write a paragraph with various tags within HTML including break tags. This chapter includes paragraph and break tags in HTML.

Chapter 3: Let’s <break> a <paragraph>.

Recap:
Headers in HTML is written with <h> tag. There are six headers in HTML from h1 to h6.

Format:
<h2> Welcome </h2>

Complete guide on headers and attributes in HTML here.

Page Contents

Paragraphs in HTML.

Define paragraph tag:

Paragraph is defined with tag.

 Welcome to WebsCocktail.com 

As the word suggests, a paragraph tag starts a new line or a new paragraph depending on the text.

Using tags:

Compare the two examples:

Example 1:

 Welcome to Webcocktail.com. This is the second chapter of HTML. Learn working with text on HTML. 
The above text is one single paragraph. It appears as one single paragraph on the webpage.

Example 2:

 Welcome to Webcocktail.com. 
 This is the second chapter of HTML. 
 Learn working with text on HTML. 
In this example, each sentence is between different element. Hence, each line will appear as different paragraphs.

Complete code of examples:

Below is the code for trying the tag. Code on notepad as an HTML file and run on your system or check your code directly on CheckCode. Learn how to use CheckCode here.

Example 1 code:

<html>
<head>
<title> Paragraph tag in HTML. </title>
</head>
<body>
 Welcome to Webcocktail.com. This is the second chapter of HTML. Learn working with text on HTML. 
</body>
</html>

CheckCode

Example 2 code:

<html>
<head>
<title> Paragraph tag in HTML. </title>
</head>
<body>
 Welcome to Webcocktail.com. 
 This is the second chapter of HTML. 
 Learn working with text on HTML. 
</body>
</html>

CheckCode

The output of codes:

In example 1, everything between tags is written together. While in example 2, the text is written on separate lines because of new tags for each line.

Note:
A paragraph tag does not recognize extra whitespaces or extra lines that appear in the source code. To add whitespaces, we will learn in the text formatting chapter.

Break tag:

tag or break tag forces a break in paragraph and skips to next line.
With break tag, you can skip to a new line without starting a new paragraph. Usually, it is between paragraph tags.

Define tag:

This is a paragraph with line breaks.

Here, is between the element.
Copy and paste this code in the HTML section of CheckCode to see the output.
The will add break each time and skips to the next line or next paragraph.

The tag has no end tag. It is an empty tag.

Example of break tag:

Here is the output and code,

<html>
<head>
<title> Break tag </title>
</head>
<body>
 The sky is blue and the beach is waiting for you 
</body>
</html>

CheckCode

Output:

In the above code, even though everything is between the tags; the break tag forces the paragraph to skip to the next line.

Note:

The difference between paragraph and break tags is that paragraph tag start a new paragraph while break tags will break the tag to the next line instead of a new paragraph.

Summary:

Below is a summary for easy understanding. Moreover, you can download the image for future reference,

In conclusion, we write a paragraph and break it into HTML. After coding a paragraph, let’s format it with different tags in HTML in the next chapter.

Paragraph and Break tags in HTML.