1.  <code> Element:

The <code> element is used to display short, inline code snippets within your text. It should be enclosed within a pair of opening <code> and closing </code> tags.
This element ensures that the code is presented in a monospaced font and typically italicizes the content to set it apart from the regular text.

<p>Here's an example of an HTML <code>&lt;p&gt;</code> element.</p>

2. <pre> Element:

The <pre> element is used for displaying larger code blocks, preserving both the formatting and whitespace of the code.
It is especially useful for showing complete programs, scripts, or any code that requires maintaining its original structure.
Text within a <pre> element is typically displayed in a monospaced font and does not get automatically wrapped to the next line.

<pre>
function greet() {
console.log("Hello, world!");
}
</pre>

3. <samp> Element:

The <samp> element, which stands for ‘sample output,’ is used to display the output of a code snippet. It’s often used in tutorials and documentation to show the expected results.
Content within a <samp> element is generally displayed in a monospaced font and may sometimes be enclosed in quotation marks or a different style to differentiate it from regular text.

<p>After running the code, the output will be: <samp>Hello, world!</samp></p>