Learn HTML / Fundamentals

Text formatting

Ready-to-use code

HTML Text Formatting / Headers & Paragraphs

See the Pen HTML Text Formatting / Headers & Paragraphs by In a Rocket (@inarocket) on CodePen.

HTML Text Formatting / Emphasis & Importance

See the Pen HTML Text Formatting / Emphasis & Importance by In a Rocket (@inarocket) on CodePen.

HTML Text Formatting / Spaces / Non Breaking Spaces, Line Breaks and Horizontal Rules

See the Pen HTML Text Formatting / Spaces / Non Breaking Spaces, Line Breaks and Horizontal Rules by In a Rocket (@inarocket) on CodePen.

HTML Text Formatting / Preformatted Text

See the Pen HTML Text Formatting / Preformatted Text by In a Rocket (@inarocket) on CodePen.

HTML Text Formatting / Code

See the Pen HTML Text Formatting / Code by In a Rocket (@inarocket) on CodePen.

HTML Text Formatting / Figure

See the Pen HTML Text Formatting / Figure by In a Rocket (@inarocket) on CodePen.

HTML Text Formatting / Blockquote

See the Pen HTML Text Formatting / Blockquote by In a Rocket (@inarocket) on CodePen.

HTML Text Formatting / Mark

See the Pen HTML Text Formatting / Mark by In a Rocket (@inarocket) on CodePen.

HTML Text Formatting / Lists / Unordered, ordered, nested and description lists

See the Pen HTML Text Formatting / Lists / Unordered, ordered, nested and description lists by In a Rocket (@inarocket) on CodePen.

HTML Text Formatting / Details and nested details

See the Pen HTML Text Formatting / Details and nested details by In a Rocket (@inarocket) on CodePen.

HTML Text Formatting / Comments

See the Pen HTML Text Formatting / Comments by In a Rocket (@inarocket) on CodePen.

HTML Text Formatting / HTML Entities

See the Pen HTML Text Formatting / HTML Entities by In a Rocket (@inarocket) on CodePen.

What you have learned

  • How to structure your content with headers.
  • How to organize your ideas with paragraphs.
  • How to force spaces and preformat text.
  • How to format quotes with blockquote.
  • How to tag relevant content with mark.
  • How to create ordered, unordered and description lists.
  • How to show/hide additional content with details.
  • How to document your code with comments.

References