Breadcrumb Abstract Shape
Breadcrumb Abstract Shape
Breadcrumb Abstract Shape

HTML Paragraph

HTML CODES & EXAMPLES

HTML Paragraph

Learn how to create paragraphs, line breaks and horizontal separators in HTML with simple practical examples.

01

What is an HTML Paragraph?

Learn the <p> element

The HTML <p> element is used to define a paragraph of text. A paragraph normally starts on a new line and browsers automatically add some space before and after it.

Paragraphs are one of the most commonly used HTML elements because they help organize readable text on a webpage.

02

Basic Paragraph Syntax

The simplest way to create a paragraph

paragraph.html
<p>This is my first HTML paragraph.</p>
03

Multiple Paragraphs

Create multiple paragraphs on a webpage

multiple-paragraphs.html
<h1>About Our Institute</h1>

<p>
  Shree Narayan Computers & Education Center provides
  computer education and practical learning opportunities.
</p>

<p>
  Students can learn computer applications, programming,
  accounting, digital skills and other career-oriented courses.
</p>

<p>
  Our goal is to help learners develop practical skills
  and confidence for education and employment.
</p>
04

HTML Line Break

Use <br> to start content on a new line

The <br> tag creates a line break without starting a new paragraph.

line-break.html
<p>
  Shree Narayan Computers & Education Center<br>
  Computer Education & Training<br>
  Uttar Pradesh, India
</p>
Output:

Shree Narayan Computers & Education Center
Computer Education & Training
Uttar Pradesh, India

06

Paragraph with Text Formatting

Combine paragraphs with common text elements

formatted-paragraph.html
<p>
  Welcome to
  <strong>Shree Narayan Computers & Education Center</strong>.
  We provide <em>practical computer education</em>
  for students and learners.
</p>

<p>
  Learn <mark>computer applications</mark>,
  programming, accounting and digital skills.
</p>
07

Common Text Elements

Useful elements used inside paragraphs

Element
Purpose
Example
<p>
Creates a paragraph
<p>Hello</p>
<br>
Creates a line break
Hello<br>World
<strong>
Strong importance
<strong>Important</strong>
<em>
Emphasized text
<em>Learning</em>
<mark>
Highlighted text
<mark>HTML</mark>
<hr>
Thematic separator
<hr>
08

Live HTML Example

Run the paragraph code and see the result

LIVE PREVIEW
09

Practice Task

Practice creating paragraphs in HTML

🎯 Create an About Me Page

Create a simple HTML page about yourself.

  • Add one main heading.
  • Create at least three paragraphs.
  • Use <br> for an address or contact line.
  • Use <strong> for important information.
  • Use <em> for emphasized information.
  • Use <hr> to separate two sections.
`;document.getElementById( "sncecParagraphPreview" ).srcdoc=code;}document.addEventListener( "DOMContentLoaded", function(){sncecPRun();} );

HTML Iframe

  • 17/08/2026

CSS Selectors

  • 17/08/2026

CSS Borders

  • 17/08/2026

Leave a Reply

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