1 Minute HTML tutorial - pre and blockquote tags to format text

1 Minute HTML

<pre> and <blockquote>

<pre> and without <pre>

Without <pre>• Line breaks

• Multiple whitespaces

• Tabs …

Without <pre>• Line breaks

• Multiple whitespaces

• Tabs

become a single whitespace

Sometimes (e.g.) writing source code

You want those exactly reflected

<blockquote> changes

the font

This is the normal font

If it is a quote,

you want to change the font

Let’s see how

<pre> works

<p> (unlike <pre>) does not reflect

white spaces and line breaks you entered

Instead, using <pre>…

Reflects exactly what

you entered

Note that tabs are

also reflected

So, if you remove the tab

for the 1st line..,

… that is reflected so

<blockquote>

You might want to apply

a special font for a quoted text

Then, use <blockquote>

Here you see a different font is applied