HTML Paragraph | Web Development Tutorials

Introduction

HTML paragraphs are important when you want to add text content to your website. In this step-by-step lab, you will learn how to create a HTML paragraph using the p tag.

Note: You can practice coding in index.html and learn How to Write HTML in Visual Studio Code. Please click on 'Go Live' in the bottom right corner to run the web service on port 8080. Then, you can refresh the Web 8080 Tab to preview the web page.

This is a Guided Lab, which provides step-by-step instructions to help you learn and practice. Follow the instructions carefully to complete each step and gain hands-on experience. Historical data shows that this is a beginner level lab with a 92% completion rate. It has received a 100% positive review rate from learners.

Create a Paragraph Tag

First, create a HTML file named index.html. You can use any code editor of your preference.

Create a paragraph tag by adding the following code block in the body section of your HTML file.

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

Add Text to the Paragraph

Add some text to the paragraph by modifying the code block in step 2 to the following:

<p>Hello, my name is John. I am a software developer.</p>

Add Multiple Paragraphs

Add multiple paragraphs to your HTML file by repeating step 2 and step 3 with different text content. Your final code block should look something like this:

<body>
  <p>Hello, my name is John. I am a software developer.</p>
  <p>I love coding and creating beautiful websites.</p>
  <p>HTML and CSS are my favorite programming languages.</p>
</body>

Summary

Congratulations! You have successfully learned how to create and add text content to HTML paragraphs. This is an important skill to have when building websites. Keep practicing and exploring HTML tags to create dynamic and engaging web pages.

Create HTML Paragraphs in Visual Studio Code

Introduction

Create a Paragraph Tag

Add Text to the Paragraph

Add Multiple Paragraphs

Summary