Blog Belajar HTML: Tag code HTML

Tag <code> merupakan tag khusus untuk penempatan kode program atau sejenis yang mirip dengannya di halaman web, misalnya html, javascript, php, mysql dan lainnya. Teks yang berada di dalam tag code otomatis ditampilan dengan font monoscpace, font yang identik dengan kode program. Meskipun tidak ada kewajiban setiap kode harus diberada di dalam tag code, tetapi dengan tag code mampu membedakan tampilan mana yang teks dan mana yang kode dalam suatu artikel.

Tag code diawali pembuka (<code>) dan penutup (</code>). Contoh:

code html

<!DOCTYPE HTMl>
 <html>
 <head>
 <title>Tag code html</title>
 </head>
 <body>
 Berikut adalah contoh penulisan tag b, i dan u: .
 <code>
Teks... 
Teks... 
Teks...
 </code>
'Teks' Anda ganti dengan teks sebenarnya.
 </body>
</html>

Tampilan di browser Firefox:

Tag code mendukung di semua browser populer. Jadi, Anda tidak perlu menggunakan tag ini untuk halaman web Anda.

Anda juga bisa mengganti jenis font tag code jika dibutuhkan, juga style-nya seperti font-size (ukuran font), font-style (normal, italic), dan nama font dalam css. Misalnya mengganti font default (monospace) menjadi georgia.

codeedit.html

<!DOCTYPE HTMl>
 <html>
 <head>
 <title>Tag code html</title>
 <style type="text/css">
 code{
 font-family: georgia;
 font-size: 13px;
 font-style: italic;
 }
 </style
 </head>
 <body>
 Berikut adalah contoh penulisan tag b, i dan u:
 <code>
Teks... 
Teks... 
Teks...
 </code>
 'Teks' Anda ganti dengan teks sebenarnya.
 </body>
</html>

Hasil tampilan.

^Baca juga tag: Tag <datalist> untuk menampilkan data interaktif.

Referensi tulisan:

<code>; ditulis oleh: Tim MDN (Mozilla Developer Network), developer.mozilla.org, diakses 07 Oktober 2014.
About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.

Tuesday, October 7, 2014

Tag code HTML

No comments:

Post a Comment