Elemen Kode Komputer HTML dan Fungsinya
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:
 |
| Ilustrasi Elemen Kode Komputer HTML |
Baca Juga:
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 MKN
{
// 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 MKN
{
// Program diawali dengan
// memanggil fungsi main()
// Cetak "Hello, World" pada
// layar
public static void main(String args[]){
System.out.println("Hello, World");}}
Beberapa poin tentang tag <code>:
- Secara umum digunakan untuk menampilkan potongan kode program pada web browser.
- Tag ini mendesain elemennya agar sesuai dengan format teks standar komputer.
- 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 = "mkn">
ElfanMauludi
</div>
<kbd>Portal</kbd>
<kbd>Ilmu</kbd>
<kbd>Komputer</kbd>
</body>
</html>
Output:
ElfanMauludi
PortalIlmuKomputer
Beberapa point terkait tag <kbd>:
- Teks yang dilingkupi tag <kbd> biasanya menampilkan default mono-space font pada web browser.
- Sangat dimungkinkan untuk mendapatkan efek yang lebih bagus jika menggunakan CSS.
- 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>
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
Sintak:
<samp> Konten... </samp>
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
samp tag
</title>
</head>
<style>
body
{
text-align:center;}
.mkn
{
font-size:40px;
font-weight:bold;
color:green;}
.bons
{
font-size:25px;
font-weight:bold;}
</style>
<body>
<div class ="mkn">
ElfanMauludi
</div>
<div class = "bons">
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;}
.mkn
{
font-size:40px;
font-weight:bold;
color:green;}
.bons
{
font-size:25px;
font-weight:bold;}
</style>
<body>
<div class ="mkn">
ElfanMauludi
</div>
<div class = "bons">
Tag VAR
</div>
<var>
Variabel ElfanMauludi
</var>
</body>
</html>
Output:
ElfanMauludi
Tag VAR
Variabel ElfanMauludi
Referensi Tambahan:
- Cara Membuat Teks Bidireksional Menggunakan Tag Tag Bdi HTML5 [klik]
- 2 Contoh Cara Memberikan Informasi Tambahan Menggunakan Tag Details HTML5 [klik]
- Cara Sederhana Menambahkan Kotak Dialog pada HTML5 [klik]
- 2 Contoh Cara Mudah Mengatur Figcaption HTML5 [klik]
- Cara Mudah Menambahkan Ilustrasi atau Foto Menggunakan Tag Figure HTML5 [klik]
- 2 Contoh Sederhana Cara Mendefinisikan Footer pada HTML5 [klik]
- 6 Kegunaan Utama Tag Header pada HTML5
Komentar
Posting Komentar
Hubungi admin melalui Wa : +62-896-2514-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
~ Ikatlah Ilmu dengan Memostingkannya ~
Postingan populer dari blog ini (30 Hari)
Leger Nilai Peserta Didik Angkatan Tahun Masuk 2021 2022 - 2023 2024
Daftar perolehan nilai hasil belajar selama enam semester atau 3 tahun di Sekolah Menengah Atas, dari angkatan masuk Tahun Pelajaran 2021 2022 - 2023 2024.
Leger Nilai Peserta Didik Angkatan Tahun Masuk 2020 2021 - 2022 2023
Daftar perolehan nilai hasil belajar selama enam semester atau 3 tahun di Sekolah Menengah Atas, dari angkatan masuk Tahun Pelajaran 2020 2021 - 2022 2023.
Penggunaan fflush(stdin) Bahasa C dan Fungsinya
fflush() umumnya digunakan hanya untuk output stream . Fungsinya adalah untuk membersihkan (atau flush ) output buffer dan memindahkan data buffer menuju console (dalam kasus stdout ) atau disk (pada kasus file output stream ). Berikut adalah contoh dari penggunaan sintak fflush .
Pengertian Asosiasi Komposisi dan Agregasi Java
Dalam artikel ini akan dijelaskan fungsi dari asosiasi, komposis, dan agregasi yang merupakan bentuk-bentuk hubungan antar object dalam OOP Java.
Enkapsulasi Java dan Fungsinya
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.
Specifier %d dan %i Bahasa C dan Fungsinya
Sebuah format specifier adalah urutan sekuensial oleh inisial tanda persen (%) yang mengindikasikan sebuah format specifier , yang digunakan untuk menentukan tipe dan format dari data untuk diambil dari stream dan menyimpannya menuju lokasi yang ditunjuk oleh argumen tambahan. Singkatnya, hal ini memberitahukan tipe dari data mana yang akan disimpan dan tipe data apa yang akan dicetak.
Membuat Rumus Matematika Bahasa C Menggunakan Library Math.h
Fungsi library math.h mendefinisikan berbagai fungsi matematika dan makro dalam bahasa pemrograman C. Semua fungsi yang tersedia pada library mengambil nilai dengan tipe double sebagai argumen dan mengembalikan nilai double tersebut sebagai hasilnya.
4 Kesalahan Umum yang Sering Terjadi pada PTK
Ciri khas PTK adalah adanya tindakan secara nyata dan konkret yang dilakukan oleh peserta didik atas dasar instruksi dari guru. Tindakan tersebut tidak boleh sembarangan, tetapi harus dapat dibenarkan secara teoretis. Hal yang tidak kalah pentingnya adalah, bahwa tindakan tersebut harus sesuai dengan tugas profesional seorang guru, dan juga tindakan tersebut tidak boleh mengubah situasi alamiah pembelajaran yang telah ada.
7 Paradigma Penelitian pada Statistika Penelitian
Pada kegiatan penelitian kuantitatif yang berlandaskan pada sebuah asumsi kejadian yang tidak dapat diklasifikasikan, serta korelasi kejadian yang bersifat kausal sebab akibat, maka seorang peneliti dapat memfokuskan kegiatannya pada pengamatan beberapa variabel saja . Korelasi pola pada setiap variael yang diamati tersebut selanjutnya akan dikenal sebagai paradigma penelitian atau model penelitian .
Cara Membuat Drag and Drop pada HTML
Drag dan drop adalah sebuah konsep interaktif yang yang memudahkan user dalam menggerakkan object dari satu lokasi ke lokasi yang lain dengan cara menyeretnya ( drag ). Hal ini memungkinkan user untuk melakukan klik dan menahan klik mouse tersebut kemudian membawa elemen yang diseret menuju ke lokasi yang lain, kemudian melepaskan tombol klik mouse untuk menjatuhkan ( drop ) elemen yang diseret tersebut ( drag ). Pada HTML 5 drag dan drop lebih mudah untuk membuat bentuk programnya dan juga lebih mudah untuk digunakan.
Apa yang dimaksud dengan tag code pada html?
BalasHapusTag 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.
HapusCatatan: 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.
Kenapa harus menggunakan tag code?
BalasHapusDigunakan sebagai bentuk pembeda antara tulisan biasa, dan tulisan bahasa pemrograman.
HapusBagik tag code, ataupun code css yang digunakan dengan bentuk tampilan sama pada tag code adalah bersifat tidak baku.
HapusContoh, bentuk penulisan code program yang ditampilkan pada blog ElfanMauludi.