bagaimana cara higihlight code di browser

Hallo Semuanya!
Gimana yaa cara buat seperti ini :
Screenshot_20201218-085015_1_1.jpg 129.13 KB
Nb : Gambar saya ambil dari forum sekolahkoding ( *Pertanyaan orang ).
Jadi gimana caranya buat seperti yang saya lingkari agar kode kita terlihat berawarna
warna seperti di code editor.

Saya melihat banyak blog / forum programer yang memakai itu, tapi saya bingung namanya apa, mau search di google juga bingung dengan kata kunci apa..

Apakah pakai framework khusus seperti bootstrap atau plugins?

*Maaf kalo pertanyaannya kurang jelas dll..

Sepertinya jawaban dari @hilmanski sudah tepat.
EnlighterJS
Rainbow
microlight
SHJS
google code-prettify
Mozilla syntax highlighting

-----------------------------------------------------------
Kalau maksudnya bisa berwarna atau style tertentu; biasanya di sebut color theme.
Dalam hal ini theme code editor.
Yang popular saat ini untuk code editor adalah visual studio code, tentu theme-nya banyak yang menyediakan.
Tinggal sesuai selera saja, bisa lihat macam-macam theme di VSCcodeThemes.

Cara agar kode terhighlight / berwarna di browser , disebut code highlighter ada banyak
bisa cari "code highlighter js"
contoh:

https://highlightjs.org/
https://prismjs.com/