HTML Text Formatting
w3hello.com logo
HTML Basics
What is HTML
Introduction to HTML
HTML Introduction, What is HTML
What is XHTML
What is Attributes in HTML
HTML Formatting
Bold and Italics in HTML
HTML Heading
HTML Elements
HTML Standard Fonts
XHTML vs HTML
HTML DOCTYPE
HTML Forms
HTML Head
HTML Comments
HTML Form
HTML Table
HTML Input Types
HTML Image Links
HTML Text Links
HTML Colors
HTML Title
HTML Paragraphs
HTML Frames
HTML Anchor
DOCTYPE html
HTML Charset
HTML URL Encoding
HTML Backgrounds
HTML Image
HTML Text Formatting
HTML Tables
HTML Basic
HTML Color Names
HTML Input Attributes
HTML Meta
HTML Paragraph
HTML Images
Why use XHTML
HTML global attribute spellcheck
Styling the HTML5 Tags
HTML Computer Code Elements
HTML Layout
HTML Entities
HTML Headings
HTML Symbols
XHTML Tips and Tricks
HTML Form Layouts
HTML Table Vs Div Based Layouts
HTML Drag and Drop
HTML Unordered List | HTML Bulleted List
Discuss XHTML
HTTP Status Codes - List of Standard Server Response Codes
HTML global attribute dir
HTML Attributes
HTML Form Elements
HTML Iframes
500+ HTML Color Names
HTML SVG
HTML tables - cell alignment, colours, images
HTML Lists
HTML YouTube Videos
How to create a basic html template
HTML Google Maps
HTML Quick Guide
XHTML Quick Guide
Spinners and Sliders in HTML 5
HTML Blocks
HTML Layouts
MIME Media Types
HTML Reference: Special Characters
HTML Exercises
HTML global attribute lang
Getting Started with Tags in HTML and HTML5
HTML Block and Inline Elements
XHTML Introduction
Working with HTML Head Elements
XHTML Useful Resources
Adding captions to images in HTML
HTML 5 Video and Audio
Execute HTML Online
HTML Overview
HTML Video
XHTML Doctypes
HTML 5 Form Elements
учебное руководств HTML
HTML5 Tables
HTML Multimedia
HTML Audio
HTML global attribute data-*
A simple one column layout with HTML5
HTML global attribute contenteditable
HTML global attribute accesskey
HTML Email Links
HTML Ordered, Unordered, and Definition Lists
HTML Style Sheet
HTML Styles
XHTML Summary
HTML global attribute draggable
HTML Character Encodings
HTML Basics
Previous : HTML Image Next : HTML Tables

HTML Text Formatting


Text Formatting

This text is bold

This text is italic

This is subscript and superscript

HTML Formatting Elements

In the previous chapter, you learned about the HTML style attribute.

HTML also defines special elements for defining text with a special meaning.

HTML uses elements like <b> and <i> for formatting output, like bold or italic text.

Formatting elements were designed to display special types of text:

  • <b> - Bold text
  • <strong> - Important text
  • <i> - Italic text
  • <em> - Emphasized text
  • <mark> - Marked text
  • <small> - Small text
  • <del> - Deleted text
  • <ins> - Inserted text
  • <sub> - Subscript text
  • <sup> - Superscript text

HTML <b> and <strong> Elements

The HTML <b> element defines bold text, without any extra importance.

Example

<b>This text is bold</b>

The HTML <strong> element defines strong text, with added semantic "strong" importance.

Example

<strong>This text is strong</strong>

HTML <i> and <em> Elements

The HTML <i> element defines italic text, without any extra importance.

Example

<i>This text is italic</i>

The HTML <em> element defines emphasized text, with added semantic importance.

Example

<em>This text is emphasized</em>

Note: Browsers display <strong> as <b>, and <em> as <i>. However, there is a difference in the meaning of these tags: <b> and <i> defines bold and italic text, but <strong> and <em> means that the text is "important".

HTML <small> Element

The HTML <small> element defines smaller text:

Example

<h2>HTML <small>Small</small> Formatting</h2>

HTML <mark> Element

The HTML <mark> element defines marked or highlighted text:

Example

<h2>HTML <mark>Marked</mark> Formatting</h2>

HTML <del> Element

The HTML <del> element defines deleted (removed) text.

Example

<p>My favorite color is <del>blue</del> red.</p>

HTML <ins> Element

The HTML <ins> element defines inserted (added) text.

Example

<p>My favorite <ins>color</ins> is red.</p>

HTML <sub> Element

The HTML <sub> element defines subscripted text.

Example

<p>This is <sub>subscripted</sub> text.</p>

HTML <sup> Element

The HTML <sup> element defines superscripted text.

Example

<p>This is <sup>superscripted</sup> text.</p>

Test Yourself with Exercises!

Exercise 1 »   Exercise 2 »   Exercise 3 »   Exercise 4 »   Exercise 5 »

HTML Text Formatting Elements

Tag Description
<b> Defines bold text
<em> Defines emphasized text 
<i> Defines italic text
<small> Defines smaller text
<strong> Defines important text
<sub> Defines subscripted text
<sup> Defines superscripted text
<ins> Defines inserted text
<del> Defines deleted text
<mark> Defines marked/highlighted text

Previous : HTML Image Next : HTML Tables
© Copyright 2018 W3Hello Publishing Limited. All rights reserved.
Contact us | Sitemap