Cara memformat kode di dalam halaman web

Saat menampilkan kode di dalam halaman web, akan sulit dibaca jika tidak dipisahkan dari teks dan gambar lain di halaman tersebut. Untuk mengatasi masalah ini, Anda dapat menggunakan google code-prettify JavaScript.

Ini memungkinkan kode ditampilkan seperti ini:

Untuk menerapkan ini dalam HTML Anda, Anda perlu menambahkan baris HTML berikut:

Di awal halaman Anda:

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

Kemudian kapan pun Anda ingin menampilkan kode:

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