Tuesday, February 2, 2016

Tutorial Belajar HTML computer output (computercode)

Setelah kami menyajikan banyak tutorial belajar html untuk pemula yang ingin mempelajari tentang pemrograman website.

Di sini para pemula akan diajarkan tentang bagaimana menggunakan tag html tentang computer output (computercode).

Artikel saya kali ini adalah menyajikan tentang computer output html. Adapun tag-tag yang digunakan pada computer output ini, akan dibahas secara detail pada artikel ini.

Ada beberapa kode html berupa tag yang digunakan pada pemograman computer output. Diantaranya adalah sebagai berikut:

  1. Tag Computer code/ <code></code>
  2. Tag Computer code berguna untuk mendefenisikan satu bagian dari kode program dalam sebuah dokumen html.

    Jadi apabila kita memasukkan kode program ke dalam artikel / tulisan kita pada halaman HTML maka gunakan <code></code>.

    Penggunaan tag code tersebut akan membuat tulisan dalam tag code tersebut berbeda dengan tulisan yang terdapat dalam dokumen html lainnya.

  3. Tag Keyboard/ <kbd></kbd>
  4. Tag Keyboard berguna untuk mendefenisikan kode dalam tag keyboard merupakan inputan dari keyboard.

    Penulisan kode html untuk keyboard menggunakan tag <kbd></kbd>.

    Penggunaan tag kbd ini akan membuat text dalam tag kbd ini akan berbeda dengan tulisan yang ada dalam dokumen html

  5. Tag Sample output/ <samp></samp>
  6. Tag Sample output berguna untuk mendefenisikan contoh keluaran dari sebuah program komputer.

    Untuk penulisan html-nya menggunakan tag <samp></samp>.

    Penggunaan tag samp ini akan membuat penulisan dalam tag ini tampil dalam bentuk yang berbeda dengan kalimat lain yang terdapat dalam dokumen html

  7. Tag Text Teletype / <tt></tt>
  8. Tag Text Teletype berguna untuk mendefenisikan text teletype pada dokumen html.

    Penggunaan kode html text teletype ini menggunakan tag <tt></tt>.

    Penggunaan tag tt ini akan membuat tulisan yang berada dalam tag tt ini akan berbeda dengan tulisan lainnya yang terdapat pada dokumen/halaman html.

  9. Tag Variable / <var></var>
  10. Tag Variabel berguna untuk mendefenisikan penggunaan variabel matematika pada dokumen html.

    Penggunaan tag var ini akan membuat text variabel berbeda dengan text lainnya yang terdapat pada dokumen html. Penggunaan tag  <code></code>

  11. Tag Preformated / <pre></pre>
  12. Tag Preformated <pre> yaitu tag yang berguna untuk mendefenisikan teks berbentuk seperti apa adanya.

    Jadi apabila kita memasukkan tag preformated <pre> ke dalam artikel / tulisan kita pada halaman HTML maka gunakan tag <pre></pre>.

    Perlu diketahui penggunaan tag preformated <pre> </pre> ini tidak boleh didampingkan dengan tag paragraf <p></p> karena memiliki fungsi yang sama, penggunaan kedua tag secara bersamaan ini akan membuat tampilan sebuah halaman web akan terlihat sebuah baris kosong diantara tag paragraf dan tag preformated tersebut

  13. Tag Listing / <listing></listing>
  14. Tag Listing berguna untuk mendefenisikan listing dalam dokumen html.

    Jika ingin memasukkan listing ke dalam artikel / tulisan kita pada halaman HTML maka gunakan tag listing dengan penulisan <listing></listing>.

    Biasanya teks yang dilisting dalam satu paragraf dengan paragraf lainnya akan digabungkan menjadi satu paragraf.

    Tapi apabila ditambahkan tag paragraf maka fungsi listing tersebut akan hilang.

  15. Tag Plaintext / <plaintext></<plaintext>
  16. Tag plaitext berguna untuk mendefenisikan plaintext dalam dokumen/halaman html.

    Jadi apabila kita memasukkan tag plaintext tersebut dalam dokumen html, maka seluruh kode html yang terdapat dalam halaman /dokumen html tersebut akan tampil dibrowser.

    Penggunaan tag plaintext ditulis dengan <plaintext></plaintext>

  17. Tag Xmp / <xmp><xmp>
  18. Tag xmp hampir sama fungsinya dengan tag plaintext.

    Jadi apabila kita memasukkan tag xmp ke dalam dokumen html kita maka semua tag html tersebut akan tampil di browser (tidak diproses sebagai code html).

    Penulisan tag xmp tersebut ditulis dengan <xmp><xmp>

Anda bisa mencobakan Kode HTML anda di sini



Hasil program HTML Font
Klik tombol "Coba Kode Format Teks HTML" untuk melihat hasilnya.

catt: Tag adalah tanda < > misal tag code berarti <code>
Tutorial Belajar HTML computer output (computercode) Rating: 4.5 Diposkan Oleh: Dedy Fermana

0 komentar:

Post a Comment

Note: Only a member of this blog may post a comment.