Blog Request tutorial? klik disini!

  • Menampilkan Kode HTML Di Website

    Ditulis oleh: Aulia Rahmah Alhafidz
    737 kali dibaca
    10 Nov / 2014 11:28

    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 :)






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155