Muhammad Aqshol Rifanza - Pada tutorial kali ini saya akan sharing dua tag HTML. Yaitu <code> dan <pre> kedua tag tersebut hampir memiliki fungsi yang sama dan kita akan pelajari fungsi dan cara menggunakanya.
Format Code
Format kode digunakan untuk membuat sebuah text dari code komputer. Format code pada HTML ditulis dengan menggunakan tag <code>. Code ini diletakkan dalam tag <body> yang berada dalam dokumen HTML. Web browser akan menampilkan element atau teks yang berada dalam <code> sama dengan tampilan kita menuliskan kode aplikasi kedalam text editor.
Isi dari tag code tidak akan dieksekusi oleh web browser, tetapi ditampilkan dalam bentuk text yang berformat syntax atau kode program.
<code> pada HTML termasuk kelompok inline event element, dan mengikuti alur text yang ada. Umumnya web browser akan menampilkan text yang berada di dalam tag <code> sama dengan jenis font tag <pre>, yakni dengan font monospace, namun dengan perbedaan bahwa tag <code> akan menghapus semua spasi yang lebih dari 1.
Berikut adalah contoh cara penulisan dan penggunaan tag <code> didalam HTML
Tag <pre>
Tag <pre> adalah singkatan dari Preformatted Text. Sesuai dengan namanya, tag ini digunakan untuk text yang ‘belum’ diformat. Jika text diinput ke dalam tag <pre>, maka HTML akan menampilkan text tersebut sesuai dengan ‘apa adanya’. Text akan ditampilkan sesuai bagaimana text tersebut di buat, termasuk spasi yang ada.
Tag <pre> termasuk ke dalam kelompok block level element, sehingga akan ditampilkan di baris baru, terpisah dari text yang ada sebelum tag ini.
Kesimpulan
Dari contoh diatas kita dapat melihat perbedaan antara tag <code> dan <pre> . Tag <pre> bersifat Block Element, Sementara <pre> bersifat inline element. Tag <pre> akan menampilkan seluruh element tanpa spasi sementara tag <code> spasi tidak berpengaruh pada tag ini. Jika ada pertanyaan silahkan berikan komentar, Sekian Terima Kasih
Referensi
- http://www.script-kiddies.org
- http://www.w3school.com
Sekian postingan kali ini semoga bermanfaat.
0 comments:
Post a Comment