Question

What are the ways which can be used to display [in html] a code segment involving script tag & at the same time preventing browser execution of that script code?

Answer 1

Encode all of the < and > characters, so you end up with

<div>
   <h2>Here's some JS code</h2>

   <pre>
      &lt;script type="text/javascript"&gt;
         var x = 7;
         var y = 10;
         if (x &lt; y) {
            alert('this alert will not fire!');
         }
      &lt;/script&gt;
    </pre>
</div>