Logo Code X Community

Lesson 3: HTML Formatting Tags

Welcome! In this lesson, you’ll learn how to format text in HTML using different tags. Formatting helps make your webpage readable and attractive.

Common Formatting Tags

<p> - Paragraph

Used to define a block of text (a paragraph).

<p>This is a paragraph</p>

<b> - Bold

Makes text bold (not important, just visually bold).

<p>This is <b>bold</b> text</p>

<i> - Italic

Makes text italic.

<p>This is <i>italic</i> text</p>

<u> - Underline

Underlines the text.

<p>This is <u>underlined</u> text</p>

<h1> to <h6> - Headings

Headings go from <h1> (biggest) to <h6> (smallest).

<h1>Heading 1</h1>
<h2>Heading 2</h2>
...
<h6>Heading 6</h6>

<small>, <big>, <strong>, <mark>, etc.

There are more tags to style text:

Live Example:

This is a Paragraph

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

This is a Bold Text

This is an Italic Text

This is a Underline Text

This is a Strikethrough Text

This is a Small Text

This is a Big Text

This is a Teletype Text

This is a Strong Text

This is before line break
This is after Line break


This is a SubScript Text

This is a Superscript Text

This is a Marked Text

This is a Deleted Text

This is an Inserted Text