HTML Headings, Paragraphs and Text Formatting
Introduction to HTML Text Formatting
Text is one of the most important parts of any website. HTML provides different tags to structure content using headings, paragraphs, and formatting elements. Proper text formatting improves readability, user experience, and SEO ranking.
In this lesson, you will learn how to use HTML headings, paragraphs, and formatting tags to create well-structured content.
HTML Headings
HTML headings are used to define titles and subheadings on a webpage. They range from <h1> to <h6>.
Example of Headings
<h2>Sub Heading</h2>
<h3>Section Heading</h3>
<h4>Small Heading</h4>
<h5>Smaller Heading</h5>
<h6>Smallest Heading</h6>
Importance of Headings
<h1>is the most important heading (used for main title)- Helps search engines understand content structure
- Improves SEO and readability
- Organizes content in a clear hierarchy
HTML Paragraphs
Paragraphs are used to display blocks of text on a webpage.
Example of Paragraph
<p>This is another paragraph.</p>
Line Break and Horizontal Line
<hr>
<br>is used for line breaks<hr>is used to create a horizontal line
HTML Text Formatting Tags
HTML provides various tags to format text and make it more meaningful.
Common Formatting Tags
<strong>Important Text</strong>
<i>Italic Text</i>
<em>Emphasized Text</em>
<u>Underlined Text</u>
<mark>Highlighted Text</mark>
<small>Smaller Text</small>
<del>Deleted Text</del>
<ins>Inserted Text</ins>
Difference Between Some Tags
<b>vs<strong>→ Both make text bold, but<strong>adds importance (better for SEO)<i>vs<em>→ Both italicize text, but<em>adds emphasis
Creating SEO-Friendly Content with HTML
Using headings and formatting correctly helps search engines understand your content better.
Best practices:
- Use only one
<h1>per page - Use
<h2>and<h3>for subheadings - Write clear and readable paragraphs
- Use
<strong>for important keywords - Keep content properly structured
Example: Structured HTML Content
<h2>Introduction</h2>
<p>This is a beginner-friendly web designing course.</p>
<h2>Topics Covered</h2>
<p><strong>HTML</strong>, CSS, and WordPress are included.</p>
How Browsers Display Text
Browsers like Google Chrome read these HTML tags and display formatted text accordingly. Proper formatting ensures better user experience across devices.
What You Will Learn Next
In the next lesson, you will learn about HTML links and images, which are essential for creating interactive and visually appealing websites.
Click here for more free courses
FAQs
What is the use of headings in HTML?
Headings are used to define titles and structure content, making it easier to read and understand.
How many heading tags are there in HTML?
There are six heading tags from <h1> to <h6>.
What is the difference between <b> and <strong>?
Both make text bold, but <strong> gives importance and is better for SEO.
Why are paragraphs important in HTML?
Paragraphs help organize text content and improve readability.
Which browser is best for viewing HTML pages?
Browsers like Google Chrome are commonly used for testing HTML pages.