this → Artikel Baru – ( Atrikel Lama ↓ )

7 Contoh Penggunaan Elemen Kode Komputer pada HTML

Waktu Publikasi Labels: Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia
Komputer memiliki format unik dan style teks untuk menampilkan pesan yang berhubungan dengan kode. Tag <code> digunakan untuk menampilkan kode komputer pada website dan juga beberapa angka pada elemen yang tersedia untuk markup kode komputer menggunakan HTML.

Tag <code>: digunakan untuk mendefinisikan bagian dari kode komputer. Selama proses pembuatan laman web terkadang dibutuhkan beberapa bentuk tampilan khusus yang digunakan untuk menampilkan kode program. Hal ini dapat dilakukan oleh tag heading dasar dari HTML, tetapi HTML juga menyediakan sebuah tag terpisah lain yang memiliki fungsi yang sama seperti tag tersebut yaitu tag <code>. Tag code adalah tipe spesifik dari teks yang merepresentasikan output kode komputer. HTML menyediakan banyak method untuk teks format tetapi tag <code> akan selalu menampilkannya dengan ukuran kertas, huruf, dan spasi yang sesuai dengan format dari tag tersebut.

Sintak:
<code> Konten Kode Program Komputer</code>

Contoh:

<pre>

<code>

#include<stdio.h>

int main() {

 printf("Hello Genks");

}

</code>

</pre>

Output:
#include
int main() 
{
printf("Hello Genks");}

Contoh:

<pre>

<code>

class GFG

{

// Program diawali dengan

// memanggil fungsi main()

 

// Cetak "Hello, World" pada

// layar

 

public static void main(String args[]){

System.out.println("Hello, World");}

}

</code>

</pre>

Output:

class GFG
{
// Program diawali dengan
// memanggil fungsi main()

// Cetak "Hello, World" pada
// layar

public static void main(String args[]){
System.out.println("Hello, World");}}

Catatan: Program ditulis di dalam tag <code> memiliki perbedaan ukuran tipe huruf terhadap tag heading dasar dan tag paragraf. Tag <pre> digunakan untuk menampilkan potongan kode program yang formatnya selalu dijaga seperti yang terlihat seharusnya.

Pahami pula, tentang semua konsep desain Web untuk tingkat pemula melalui materi lengkap HTML [klik].


Beberapa poin tentang tag <code>:
  • satu, Secara umum digunakan untuk menampilkan potongan kode program pada web browser.
  • dua, Tag ini mendesain elemennya agar sesuai dengan format teks standar komputer.
  • tiga, Web browser secara default menggunakan mono space font family untuk menampilkan konten elemen tag <code>.

Tag <kbd>: Merupakan sebuah tag frase yang digunakan untuk mendefinisikan input keyboard. Teks antara tag <kbd> merepresentasikan teks yang mirip yang akan diketik pada keyboard.

Sintak:
<kbd> Konten... </kbd>

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

The kbd tag

</title>

 

<style>

body 

{text-align:center;}

</style>

</head>

 

<body>

<div class = "gfg">

ElfanMauludi

</div>

 

<kbd>Portal</kbd>

<kbd>Ilmu</kbd>

<kbd>Komputer</kbd>

</body>

 

</html>

Output:
ElfanMauludi
PortalIlmuKomputer

Beberapa point terkait tag <kbd>:
  • satu, Teks yang dilingkupi tag <kbd> biasanya menampilkan default mono-space font pada web browser.
  • dua, Sangat dimungkinkan untuk mendapatkan efek yang lebih bagus jika menggunakan CSS.
  • tiga, Tidak ada atribut tag spesifik.

Tag <pre>: digunakan untuk mendefinisikan block format teks yang membakukan teks space, baris enter, tab, dan karakter format lainnya yang diabaikan oleh web browser. Teks pada elemen <pre> menampilkan ukuran huruf yang sesuai, tetapi tetap dapat diubah dengan menggunakan CSS. Tag <pre> membutuhkan tag awalan dan akhiran.

Sintak:
<pre> Konten... </pre>

Baca juga, tentang materi bahasa pemrograman lainnya melalui Materi Lengkap Bahasa Pemrograman [klik].


Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

pre tag

</title>

</head>

 

<body>

<pre>

blog ElfanMauludi

Portal ilmu komputer

</pre>

</body>

 

</html>

Output:
blog ElfanMauludi
Portal ilmu komputer

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

pre tag with CSS

</title>

 

<style>

pre 

{

font-family: Arial;

color: #009900;

margin: 25px;

}

</style>

</head>

 

<body>

<pre>

blog ElfanMauludi

Portal Ilmu Komputer

</pre>

</body>

</html>

Output:
blog ElfanMauludi
Portal Ilmu Komputer

Tag <samp>: Adalah sebuah tag frase dan digunakan untuk mendefinisikan contoh teks output dari program komputer. Elemen contoh HTML digunakan untuk melampirkan inline teks yang merepresentasikan atau mengutip output dari program komputer.

Sintak:
<samp> Konten... </samp>

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

samp tag

</title>

</head>

 

<style>

body 

{

text-align:center;}

 

.gfg 

{

font-size:40px;

font-weight:bold;

color:green;}

 

.geeks

{

font-size:25px;

font-weight:bold;}

</style>

 

<body>

<div class ="gfg">

ElfanMauludi

</div>

 

<div class = "geeks">

Tag samp

</div>

 

<samp>

Portal ilmu komputer

</samp>

</body>

 

</html>

Output:
ElfanMauludi
Tag samp
Portal ilmu komputer

Tag <var>: Adalah tag frase dan digunakan untuk menentukan variabel pada persamaan matematika atau pada program komputer. Konten dari tag ditampilkan pada format italic pada sebagian besar web browser.

Sintak:
<var> Konten... </var>

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

var tag

</title>

</head>

 

<style>

body 

{

text-align:center;}

 

.gfg 

{

font-size:40px;

font-weight:bold;

color:green;}

 

.geeks 

{

font-size:25px;

font-weight:bold;}

</style>

 

<body>

<div class ="gfg">

ElfanMauludi

</div>

 

<div class = "geeks">

Tag VAR

</div>

 

<var>

Variabel ElfanMauludi

</var>

</body>

 

</html>

Output:
ElfanMauludi
Tag VAR
Variabel ElfanMauludi
Dipublikasikan Oleh
Bekerja Sebagai Guru TIK di Kota Semarang, yang memanfaatkan blog sebagai sarana pendidikan dan informasi.

Komentar

  1. AnonimSenin, 24 Mei 2021 21.06.00 WIB

    Apa yang dimaksud dengan tag code pada html?

    BalasHapus
    Balasan
    1. AnonimSenin, 24 Mei 2021 21.06.00 WIB

      Tag Code digunakan untuk mendefinisikan bagian dari kode komputer pada halaman website berbasis HTML. Konten yang terdapat didalamnya ditampilkan dalam bentuk font monospace pada browser secara default.

      Catatan: Tag ini sudah tidak digunakan lagi pada versi HTML terbaru, namun untuk dapat menggunakan bentuk efek yang sama seperti tag code tersebut maka dapat digunakan dengan menggunakan CSS.

      Hapus
  2. AnonimSenin, 24 Mei 2021 21.07.00 WIB

    Kenapa harus menggunakan tag code?

    BalasHapus
    Balasan
    1. AnonimSenin, 24 Mei 2021 21.08.00 WIB

      Digunakan sebagai bentuk pembeda antara tulisan biasa, dan tulisan bahasa pemrograman.

      Hapus
    2. MauludiSenin, 24 Mei 2021 21.09.00 WIB

      Bagik tag code, ataupun code css yang digunakan dengan bentuk tampilan sama pada tag code adalah bersifat tidak baku.

      Contoh, bentuk penulisan code program yang ditampilkan pada blog ElfanMauludi.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung. :D

Catatan: setiap iklan yang ditayangkan pada blog ini bersumber dari google adsense. Dengan jenis iklan yang dipilih adalah, sebagai berikut.

POIN 1, Iklan yang ditampilkan hanya boleh berbahasa indonesia atau berbahasa inggris. Tidak menerima jenis iklan dalam bahasa yang lain selain yang telah disebutkan karena blog ini dibuat untuk para pengunjung dari negara atau orang yang berbahasa Indonesia.

POIN 2, Setiap gambar yang ditampilkan pada iklan sifatnya tidak mengganggu para pengunjung yang melihat blog, atau tidak boleh menampilkan gambar yang bersifat menjijikkan atau merangsang rasa mual.

POIN 3, Jenis iklan yang dipasang bukan merupakan iklan spam, atau berisi dan mengarahkan pengunjung ke alamat yang berbahaya atau bersifat penipuan.

POIN 4, Segala bentuk iklan tunduk dan patuh pada ketentuan dari pihak Adsense google dan pemilik blog.

POIN 5, Segala jenis iklan yang tidak bertentangan dengan poin 1-4 yang dijelaskan sebelumnya, maka iklan tersebut dapat ditampilkan pada blog.



~ Ikatlah Ilmu dengan Memostingkannya ~

Hot Artikel

Enkapsulasi pada Java

Waktu Publikasi 22 komentar
Enkapsulasi didefinisikan sebagai pembungkusan data dalam satu buah unit. Enkapsulasi adalah mekanisme yang mengikat code program dan data yang dimanipulasi secara bersamaan pada bahasa pemrograman Java. Cara lain untuk berpikir mengenai enkapsulasi adalah upaya untuk melindungi atau sebagai perisai proteksi yang mencegah data untuk diakses oleh pihak luar.
Tampilan Selengkapnya »

Perbedaan stdio.h dan stdlib.h pada Bahasa C

Waktu Publikasi 7 komentar
Terdapat dua file header penting yang digunakan dalam bahasa C. Pertama, "<stdio.h>" adalah file header untuk standar input dan output , dan kedua "<stdlib.h>" adalah header file untuk standar library . Salah satu cara mudah untuk membedakan kedua file header tersebut adalah "<stdio.h>" mengandung deklarasi dari printf() dan scanf() , sementara "<stdlib.h>" mengandung deklarasi dari malloc() dan free() . Secara umum, perbedaan kedua file header tersebut adalah "<stdio.h>" mengandung informasi header untuk file yang berkaitan dengan fungsi nilai input output pada program, sedangkan "<stdlib.h>" mengandung informasi untuk fungsi alokasi memori dan pembebasan alokasi memori.
Tampilan Selengkapnya »

Penjelasan Singkat tentang Konsep Asosiasi, Komposisi, dan Agregasi pada Java

Waktu Publikasi 6 komentar
Gambar
Dalam artikel ini akan dijelaskan fungsi dari asosiasi, komposis, dan agregasi yang merupakan bentuk-bentuk hubungan antar  object  dalam OOP Java. Asosiasi   Asosiasi adalah hubungan antara dua  class  terpisah yang terbentuk melalui  object -nya. Asosiasi bisa berupa  one-to-one ,  one-to-many ,  many-to-one ,  many-to-many . Pada pemrograman berorientasi  object ,  object  berkomunikasi dengan  object  lainnya menggunakan fungsi dan  services  yang disediakan oleh  object . Komposisi dan agregasi adalah dua bentuk dari asosiasi seperti diperlihatkan pada  gambar 1 .
Tampilan Selengkapnya »

2 Jenis Utama Kegiatan Penelitian Berdasarkan Waktunya, Crosssectional Salah Satunya

Waktu Publikasi 19 komentar
Gambar
Penelitian adalah upaya dalam mencari kebenaran mengenai permasalahan atau kejadian unik dengan menggunakan metode penelitian. Secara umum penelitian bertujuan untuk mengembangkan khasanah ilmu pengetahuan dengan memperoleh fakta baru, sehingga dapat disusun teori konsep, hukum, kaidah, dan metodologi yang baru. Penelitian dikelompokkan ke dalam beberapa jenis berdasarkan kriterianya, diantaranya penelitian berdasarkan manfaat dan tujuannya, penelitian dasar ( basic research ) dan penelitian terapan ( applied research ). Bedasarkan jenis data yaitu, penelitian kuantitatif dan penelitian kualitatif.  Berdasarkan pendekatan waktu  yaitu, penelitian  Cross Sectional  dan penelitian  Longitudinal .
Tampilan Selengkapnya »