HTML Paragraph

In HTML, the paragraph tag, also known as the p tag, is used to create a paragraph of text. It is one of the most commonly used tags in HTML, and it allows web developers to create organized and easy-to-read content on web pages.

Usage of the Paragraph Tag

The paragraph tag is a container tag that wraps text to create a block-level element. It has an opening tag <p> and a closing tag </p>. All text within the tags will be displayed as a single paragraph, with a blank line between each paragraph.

Here is an example of how to use the paragraph tag in HTML:

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

Attributes of the Paragraph Tag

The paragraph tag does not have any required attributes, but it does have a few optional ones that can be used to further define and style the paragraph. Here are some common attributes of the paragraph tag:

  • class: used to define a class for the paragraph, which can be used for styling purposes
  • id: used to give the paragraph a unique identifier
  • style: used to add inline styling to the paragraph
  • title: used to add a title to the paragraph, which is displayed when the user hovers over the element with their mouse

Example of the Paragraph Tag

Here is an example of how to use the paragraph tag with different attributes:

1<p>This is a sample paragraph with a <a href="https://www.programdoc.com">link</a>.</p>
2
3<p class="important" id="first">This is an important paragraph.</p>
4
5<p style="color: blue;">This paragraph is blue.</p>
6
7<p title="This is the title of the paragraph">This paragraph has a title attribute.</p>

Output

The above HTML code will produce the following output:

This is a sample paragraph with a link.

This is an important paragraph.

This paragraph is blue.

This paragraph has a title attribute.