Si quieres mostrar código html/js como texto en una página puedes escapar los símbolos <
y >
, usando <
(de less than, menor que) y >
(de greater than, mayor que).
Aquí un simple ejemplo apoyado por la la etiqueta <pre>
:
$('#texto').html(`<pre>
<script src="/jquery.min.js"></script>
</pre>`);
pre {
background-color: lightgray;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="texto">
Hay una larga lista de caracteres especiales que se pueden mostrar mediante HTML Entities