Tutorial Belajar Code di HTML

Sebagai (calon) programmer tentu Kamu akan sering bersentuhan dengan kode program. Saat Kamu membuat tulisan tentang kode programmu, Kamu akan perlu menampilkan kode agar tampilannya lebih mudah dibaca. Daripada seperti ini:

var x = 5;

var y = 6;

alert(x + y);

Tentu akan lebih mudah dan nyaman dibaca bila ditulis seperti ini:


var x = 5;

var y = 6;

alert(x + y);

Untuk menuliskan kode di dalam HTML, kita dapat menggunakan elemen <code> atau <pre> atau kombinasi keduanya. Karena elemen <code> bersifat inline, maka kita dapat menggunakan tag <pre> baru kemudian menuliskan tag <code> dan kodemu di dalamnya.

PRAKTEK

Jalankan kode pada editor dan lihat hasilnya di kolom output.
Tambahkan tag <code> sebelum dan sesudah contoh blok kode yang ada di dalam body.
Tag <code> cocok untuk menampilkan kode dalam satu baris. bila kita hendak menampilkan banyak baris kode, kita dapat menggunakan tag <pre> sebelum tag <code>.

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML</title>

</head>

<body>

var x = 5;

var y = 6;

alert(x + y);

</body>

</html>

Hasilnya:

var x = 5; var y = 6; alert(x + y);

Tutorial Belajar Code di HTML

PRAKTEK

0 Response to "Tutorial Belajar Code di HTML"

Posting Komentar