Demon Tech Roadmap

HTML

HTML Quotation Elements

HTML quotation elements define quoted text and blockquotes.

Read Time

5 min read

Difficulty

Beginner

Last Updated

Jun 15, 2026

Version

v1.0.0

Introduction

HTML provides specific elements to cite and quote text. Elements like `

` indent long quotations, while `` handles short inline quotes. Browsers usually add quotation marks around inline quotes automatically.

Syntax

1<!-- blockquote syntax -->
2<blockquote cite="https://example.com">
3  Quoted text goes here.
4</blockquote>

Example

1<!-- this defines quotations -->
2<!DOCTYPE html>
3<html lang="en">
4  <head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>Quotations</title>
8  </head>
9  <body>
10    <p>She said, <q>HTML is awesome.</q></p>
11    <blockquote>HTML defines the web.</blockquote>
12  </body>
13</html>

Try it Yourself

Hands-on Practice

Modify the code below to see how it affects the output. This is the best way to learn!

Interactive Editor

1234567891011121314151617181920

Live Preview

Key Points

The `
` tag indents block quotes.
The `` tag adds inline quotation marks.
The `` tag defines the title of a work.
The `` tag defines abbreviations.

Up Next

Continue your journey with the next topic.

Go to HTML Comments ❯