hai kembali lagi di otnasus18 setelah sebelumnya kita belajar tentang Quotations pada HTML, sekarang kita akan belajar cara membuat kode komputer pada HTML. dalam penulisan kode HTML kode komputer diperlukan untuk membuat contoh kode kode tertentu, contoh jika kita ingin menulis teks dalam format dan gaya komputer. ada beberapa tag untuk menulis kode komputer pada HTML yaitu: <code>, <kbd>, <samp>, <var>, <pre> langsung saja untuk cara penulisannya.
<kbd> untuk keyboard atau masukan
tag <kbd> adalah kependekan dari keyboard digunakan untuk teks format input keyboard dan teks dengan tag ini menggunakan font monospace, contoh penulisannya:
<!DOCTYPE html> <html> <head> <title>belajar kode komputer HTML</title> </head> <body> <p>tekan shortcut <kbd>ctrl + s</kbd> untuk menyimpan file</p> </body> </html>
dari hasil di atas bahwa teks ctrl + s merupakan input keyboard.
<samp> untuk output komputer
<samp> adalah kependekan dari program sample, tag ini difungsikan untuk membuat contoh kode program, tag ini ditampilkan dengan font monospace. tag ini akan ditampilkan mirip dengan tag<code>.
untuk penulisan tag <samp> sebagai berikut:
<!DOCTYPE html> <html> <head> <title>belajar kode komputer HTML</title> </head> <body> <p>HTML merupakan kependekan dari <samp>hyper teks markup language</samp></p> </body> </html>
<code> untuk kode komputer
tag <code> digunakan untuk menulis contoh kode program pada HTML, contoh disini saya akan menulis kode java script.
<!DOCTYPE html>
<head>
<title>belajar komputer kode html</title>
</head>
<body>
<code>
var x = 10;
var y = 20;
var z = x + y;
document.getElementById('konten').innerHTML = z;
</code>
</body>
</html>
<var> untuk variable pada HTML
<var> digunakan untuk penulisan variable pada matematika di dokumen HTML atau variable dalam konteks pemrograman, contoh penulisannya sebagai berikut:
<!DOCTYPE html> <html> </head> <title>belajar kode komputer html<title> </head> <body> <p>variable <var>a</var> sama dengan variable<var>a</var></p> </body> </html>
Membuat komentar HTML
dalam penulisan kode HTML terdapat sebuah fungsi untuk mematikan kode program yaitu dengan komentar, komentar biasanya untuk membuat suatu penjelasan pada kode yang kita buat dan komentar tidak akan terbaca oleh browser sebagai kode program.berikut contoh penulisan komentar:
<!DOCTYPE html> <html> <head> <title>belajar membuat komentar html</title> </head> <body> <h2>membuat komentar</h2> <!-- <p>belajar membuat komentar HTML di otnasus18</p> --> </body> </html>
dari contoh kode di atas kenapa tidak ada hasil di browsernya, karena kode atau teks yang menggunakan komentar tidak akan terbaca oleh browser.
0 comments for "Belajar HTML Part 9: Cara Membuat Kode Komputer Pada HTML"
Post a Comment