<pre> 
&lt;!DOCTYPE html>
&lt;html>

&lt;head>
  &lt;title>Representing Code, Keyboard Instructions and Programming Variables&lt;/title>
&lt;/head>

&lt;body>
&lt;h2>The &lt;code&gt; Element For Adding Code to Your Web Pages&lt;/h2>
&lt;p>The following line appears inside a &lt;code&gt; element.&lt;/p>
&lt;p>&lt;code>&lt;h1&gt;This is a primary heading&lt;/h1&gt;&lt;/code>&lt;/p>

&lt;h2>The &lt;kbd&gt; Element for Keyboard Instructions&lt;/h2>
&lt;p>To force quit an application in Windows, hold down the &lt;kbd>ctrl&lt;/kbd>, &lt;kbd>alt&lt;/kbd> and &lt;kbd>delete&lt;/kbd> keys together.&lt;/p>

&lt;h2>The &lt;var&gt; Element for Programming Variables&lt;/h2>
&lt;p>The following line is written inside a &lt;code&gt; element, while &lt;b>user-name&lt;/b> is written inside a &lt;var&gt; element.&lt;/p>
&lt;p>&lt;code>document.write("&lt;var>user-name&lt;/var>")&lt;/code>&lt;/p>
&lt;p>As you can see, the content of the  &lt;var&gt; element is italicized.&lt;/p>

&lt;h2>The &lt;samp&gt; Element for Sample Program Output&lt;/h2>
&lt;p>The following line uses the &lt;samp&gt; element to indicate the output from a script or program.&lt;/p>
&lt;p>&lt;samp>This is the output from our test script.&lt;/samp>&lt;/p>

&lt;/body>
&lt;/html></pre>