Quotes & Code Text

Relax. We'll talk through this in plain words — no textbook voice.

Quotes, keyboard input, code text, and the like can be written semantically. In technical tutorials, <code>, <pre> come in super handy.

<blockquote> — long quotes
<q> — short quotes
<code> — inline code
<pre> — for showing a code block without losing spacing/line breaks

html

<blockquote>Learning HTML is the first step to building the web.</blockquote>
<p>Use <code>&lt;h1&gt;</code> for the main heading.</p>
<pre><code>&lt;p&gt;Code block example&lt;/p&gt;</code></pre>

You should see

You'll see a quote, inline code, and a code block each styled distinctly.