<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>

فرمت دهی كدهای برنامه نویسی در HTML

در HTML معمولا اندازه حروف و فواصل به صورت متنوعی نمایش داده می شوند. اما انتظار ما برای نمایش كدهای كامپیوتری چیز دیگری است.  عناصر <kbd> ، <samp> و <code> در قالبی ثابت از اندازه و فواصل حروف نمایش داده می شوند.
عنصر <kbd> ورودی كیبورد را تعریف می كند.
مثال:

<p><kbd>File | Open...</kbd></p>

<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>

عنصر <code> برای كدهای كامپیوتری در HTML

از این عنصر برای تعریف قسمتی از كدهای كامپیوتری استفاده می شود.
مثال :

<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>

مثال :

<pre>
<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>
</pre>

<var> برای متغیر ها در HTML

از این عنصر برای تعریف متغیر ها در اسناد HTML استفاده می شود. این متغیر ها می تواند برای نمایش یك فرمول ریاضی باشد یا محتوای برنامه نویسی.
مثال :

<p dir="rtl">فرمول نسبیت انیشتین : <var>E</var> = <var>m</var><var>c</var><sup>2</sup></p>