Jumat, September 06, 2019

HTML elemen kode komputer

Komputer memiliki format unik dan style teks untuk menampilkan pesan yang berhubungan dengan kode. Tag <code> digunakan untuk menampilkan kode komputer pada website. Terdapat beberapa angka pada elemen yang tersedia untuk markup kode komputer menggunakan HTML.

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

Sintak:
<code> Computer code contents... </code>

Contoh 1:
Output:
penggunaan pre pada html
Gambar 1 tag pre pada html

Contoh 2:
Output:
penggunaan tag pre pada html
Gambar 2 tag pre pada html 

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

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 ditik pad keyboard.

Sintak:
<kbd> Contents... </kbd>

Contoh:
Output:
penggunaan tag kbd untuk membuat kutipan teks pada laman html
Gambar 3 tag kbd html 

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>: Tag <pre> pada HTML 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> Contents... </pre>

Contoh 1:
Output:
penggunaan tag pre pada html untuk membuat kutipan teks
Gambar 1 tag pre pada html

contoh 2:
Output:
penggunaan tag pre pada html untuk membuat kutipan teks pada laman html
Gambar 2 tag pre pada html

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> Contents... </samp>

Contoh:
Output:
penggunaan tag samp pada html untuk membuat kutipan teks
Gambar 3 tag samp html

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> Contents... </var>

Contoh:
Output:
penggunaan tag var pada html untuk membuat kutipan pada laman html
Gambar 4 tag var html 





Tidak ada komentar:

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D