Cómo formatear el código dentro de las páginas web

Cuando se muestra el código dentro de las páginas web, puede ser difícil de leer si no se ha separado del resto del texto y las imágenes de la página. Para solucionar este problema, puede usar Google Code-Prettify JavaScript.

Esto permite que el código se muestre así:

Para implementar esto dentro de su HTML, debe agregar las siguientes líneas de HTML:

Al comienzo de su página:

<script src="https://web.archive.org/web/20201124004717js_/https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script><script>

Luego, cuando quieras mostrar el código:

<pre class="prettyprint">
#!/bin/sh
echo "Hello, World!"
</pre>