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
You might want to apply
a special font for a quoted text
Then, use <blockquote>
Here you see a different font is applied