Menampilkan Kode HTML di Website

10/11/2014    Aulia Rahmah Alhafidz    902     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 :

Menampilkan-Kode-HTML-di-Website

Dan ini hasilnya :

Menampilkan-Kode-HTML-di-Website

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

2. Menggunakan <xmp>

Ini contohnya :

Menampilkan-Kode-HTML-di-Website

Ini hasilnya :

Menampilkan-Kode-HTML-di-Website

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.

Menampilkan-Kode-HTML-di-Website

Contohnya :

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

Ini hasilnya :

<html>Dumet School</html>

Baiklah, semoga bermanfaat ya :)

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More