Menampilkan Kode HTML di Website

Bagi para penulis tutorial atau siapa pun yang mempunyai blog untuk tutorial Web Design / Developer, terkadang kebingungan untuk menampilkan kode HTML, CSS ataupun PHP di postingan yang sedang dibuat. Karena jika kode tersebut disematkan, kode tersebut tidak akan tampil dan malah membuat hasil seperti yang diperintahkan kode.

Bayangkan saja jika kita ingin berbagi cara membuat sebuah table dan ketika kita lihat, kode tersebut malah benar-benar membuat sebuah table! Bukan menampilkan kodenya. Lalu, apa yang harus dilakukan? Bagaimana caranya agar kode HTML menjadi terlihat?

Ada beberapa cara agar kode HTML bisa tampil di postingan yang kita buat di Website.

1. Menggunakan <plaintext>

Ini contohnya :

Dan ini hasilnya :

Plaintext akan menampilkan semua yang ada di bawah tag <plaintext>.

2. Menggunakan <xmp>

Ini contohnya :

Ini hasilnya :

Jadi, xmp akan menampilkan semua elemen yang ada di dalam tag <xmp>.

3. Mengganti simbol-simbol HTML

Coba ketikkan '&' di editor Anda. Lihat ada berapa banyak kode yang muncul? Nah, itulah simbol-simbol pengganti yang bisa kita gunakan.

Contohnya :

&lt;html&gt;Dumet School&lt;/html&gt;

Ini hasilnya :

<html>Dumet School</html>

Baiklah, semoga bermanfaat ya :)