Tag Code HTML dan Fungsinya
Tag code pada HTML digunakan untuk mendefinisikan potongan kode program pada komputer. Selama pembuatan halaman website terkadang ada kebutuhan untuk menampilkan kode program pada komputer atau pada halaman html, hal ini bisa dilakukan dengan cara menggunakan tag <code>.
Tag code merupakan jenis teks tertentu yang mewakili output dari komputer. HTML menyediakan banyak method untuk pemformatan teks tetapi tag code ditampilkan dengan ukuran huruf, font, dan spasi yang bersifat tetap atau statis pada halaman html.
Beberapa hal yang perlu dipahami tengan penggunaan tag code pada html:
Sintak:
<code> Konten... </code>
Contoh berikut mengilutrasikan penggunaan tag code pada dokumen html.
 |
| Properti Tag Code HTML |
Sebelum memahami lebih dalam materi tentang Tag Code HTML dan Fungsinya, terlebih dahulu pelajari materi tentang: Cara Membuat Teks Kutipan Menggunakan Tag Cite HTML [klik], Membuat Tek Rata Tengah HTML Menggunakan Tag Center [klik], dan Membuat Judul Tabel HTML Menggunakan Tag Caption [klik].
Beberapa hal yang perlu dipahami tengan penggunaan tag code pada html:
- Tag ini digunakan untuk menampilkan cuplikan kode program pada web browser.
- Tag ini menata elemennya agar sesuai dengan format teks default pada komputer.
- Web browser secara default menggunakan font familiy monospace untuk menampilkan konten elemen dari tag code.
Sintak:
<code> Konten... </code>
Baca Juga:
Contoh berikut mengilutrasikan penggunaan tag code pada dokumen html.
Contoh:
Contoh:
Program yang ditulis dalam tag code memiliki beberapa ukuran font dan jenis yang berbeda dengan tag heading dasar dan tag paragraf.
Catatan: Tag <pre> juga sering digunakan untuk menampilkan cuplikan kode program karena selalu mempertahankan pemformatan tek nya secara demikian.
<!DOCTYPE html>
<html>
<body>
<pre>
<code>
#include<stdio.h>
int main() {
printf("Hello Bro");
}
</code>
</pre>
</body>
</html>
Output:#include
int main() {
printf("Hello Bro");
} <!DOCTYPE html>
<html>
<body>
<pre>
<code>
class MKN
{
// Program dimulai dengan pemanggilan main()
// Print "Hello, World" ke terminal window
public static void main(String args[])
{System.out.println("Hello, World");}
}
</code>
</pre>
</body>
</html>
Output:
class MKN
{
// Program dimulai dengan pemanggilan main()
// Print "Hello, World" ke terminal window
public static void main(String args[])
{System.out.println("Hello, World");}
}
Program yang ditulis dalam tag code memiliki beberapa ukuran font dan jenis yang berbeda dengan tag heading dasar dan tag paragraf.
Referensi Tambahan:
- 2 Contoh Program Penggunaan Tag DD pada HTML [klik]
- 2 Atribut Tag Del HTML [klik]
- 4 Contoh Program Penggunaan Tag Dfn pada HTML [klik]
- 2 Contoh Cara Membuat Judul Direktori Menggunakan Tag Dir HTML [klik]
- 6 Contoh Cara Membuat Teks Menjorok Menggunakan Tag Div HTML [klik]
- Cara Membuat Daftar Deskripsi Teks Menggunakan Tag DL HTML [klik]
- Cara Membuat Daftar Deskripsi Menggunakan Tag DT pada HTML [klik]
Artikel ini didedikasikan kepada: Lailatul Mafiqroh, Lavenia Fitri, Maghfira Khaula Firli, Melina Isna Rahmadhani, dan Nor Rahmawati Libeti Putri.
Apa fungsi tag code pata html?
BalasHapusTag < code > pada HTML digunakan untuk mendefinisikan potongan kode program atau bahasa pemrograman tertentu yang akan ditampilkan dalam dokumen HTML. Tag ini adalah jenis dari teks tertentu yang mewakili nilai keluaran atau output komputer. HTML menyediakan banyak metode untuk melakukan format teks tetapi dengan menggunakan tag < code > maka tampilan huruf akan ditampilkan dalam format ukuran, font, dan spasi yang bersifat tetap.
HapusApa bentuk default dari format huruf pada tag code html?
BalasHapusTag < code > digunakan untuk mendefinisikan potongan kode program komputer. Konten yang terdapat dalam tag code akan ditampilkan dalam font monospace default pada browser.
HapusApakah untuk menampilkan potongan kode program pada html harus menggunakan tag < code > tersebut>? apakah sifatnya wajib?
BalasHapusTidak, ada bentuk atau format lain yang juga dapat digunakan untuk menampilkan format kode program pada halaman html, seperti yang admin gunakan saat ini, dengan format warna yang berbeda-beda bergantung potongan kode program apa yang ingin ditampilkan pada layar.
Hapus