The HTML paragraph element, or “p” element for short, is used to create paragraphs of text. It is a block-level element, which means that it takes up the entire width of its container and creates a new line after the element. Let’s take a look at the basic syntax of the “p” element:
|
1 2 3 |
<p>This is an example of an HTML paragraph</p> |
As you can see, the “p” element is enclosed within opening and closing tags, with the text that you want to display in between. You can add as much text as you want within the “p” element, and it will automatically wrap to the next line when it reaches the end of the container.
You can also add additional HTML elements within the “p” element, such as links, images, and other text formatting elements. Here’s an example of how you can add a link within a “p” element:
|
1 2 3 |
<p>Visit<a href="https://kodeu.live">kodeU.live</a> for more HTML lessons.</p> |
In this example, we have added an “a” element within the “p” element to create a hyperlink to another website.
Summary
The HTML “p” element is a powerful tool for creating paragraphs of text on your web pages. It is easy to use and style using CSS, and you can add additional HTML elements within the “p” element to create more complex layouts. So go ahead and experiment with the “p” element in your HTML code and see what you can create!