Monday , November 30 2020
Home » HTML 5 » Format Code Di HTML

Format Code Di HTML

Format Code di HTML

Lebakcyber.net – Format code di HTML. Pada kesempatan belajar HTML kali ini kita akan mempelajari tentang bagaimana cara menuliskan sebuah tulisan code pada HTML. Format code pada HTML dapat ditulis dengan menggunakan tag <code>, selanjutnya code dituliskan didalam tag <body> yang ada didalam dokumen HTML.

Web browser nantinya akan menampilkan teks atau elemen yang berada didalam tag <code> tersebut yang hasilnya sama denga tampilan saat kita menuliskan kode aplikasi didalam text editor.

Isi dari tag <code> tersebut nantinya tidak akan dieksekusi oleh browser, namun hasilnya akan ditampilkan dalam bentuk sebuah teks yang memiliki format kode program atau syntax.

Advertisements

Tag <code> pada HTML masuk kedalam kategori inline level element serta mengikuti alur text yang ada. Penulisan format code tersebut sendiri misalnya dalam bentuk penulisan syntak yang nantinya akan ditampilkan pada halaman web, jadi untuk menampilkannya dapat menggunakan tag <code> didalam tag <body> pada file HTML yang kalian buat.

Dibawah ini adalah contoh bagaimana penulisan serta cara penggunaan tag <code> pada HTML :

Advertisements
<!DOCTYPE html>
<html>
<head>
<title>Format kode di HTML - Lebak Cyber</title>
</head>
<body>
<p>Dibawah ini contoh code php</p>

<code>
    Code program yang ditulis didalam tag code ini tidak akan diproses pada halaman HTML
</code>

</body>
</html>

Pada contoh diatas kita menuliskan kode PHP pada halaman HTML yang kita buat, namun nantinya kode PHP tersebut tidak akan dieksekusi oleh browser namun browser akan menampilkan teks asli dari kode php yang kita tuliskan didalam tag <code> tersebut.

Jadi bagi kalian yang sering menulis tutorial mengenai programming, kalian dapat memanfaatkan tag <code> tersebut untuk menuliskan kode programming yang kalian buat agar kode tersebut tidak akan dieksekusi oleh browser.

Oke sampai disini dulu pembahasan kita mengenai Format Code pada HTML, semoga tutorial ini dapat bermanfaat dan sampai jumpa di tutorial belajar HTML lainnya ya.

About Firdan Ardiansyah

Admin di lebakcyber.net Untuk berhubungan dengan saya, silahkan kirim email ke : firdan@lebakcyber.net

Check Also

Menampilkan Gambar di HTML

Menampilkan Gambar di HTML

Menampilkan Gambar di HTML Lebakcyber.net – Menampilkan gambar di HTML. Pada kesempatan belajar HTML kali …

Leave a Reply

Your email address will not be published. Required fields are marked *