Format Teks HTML Part 7 – Cara Membuat Huruf Tanpa Format Di HTML (tag tt, span, dan pre)

Febri Hidayan Komentar

Format Teks HTML Part 7 – Cara Membuat Huruf Tanpa Format Di HTML (tag tt, span, dan pre)

Sekarang kita sudah belajar di tahap 7, kali ini kita akan belajar dengan berlahan.

Cara Membuat Huruf Tanpa Format Di HTML (tag tt, span, dan pre)

Pada tutorial kali ini sebenarnya bukan tidak ada huruf menjadi tidak berformat. Tetapi faktanya format ada. Kita tidak membahas hal itu, masing masing tag tt, span, dan pre memiliki tanggung jawab dan kegunaannya masing masing. Bukan berarti kita tidak boleh menggunakan, ada beberapa tag yang mungkin belum kita ketahui dukungannya pada html 5.

Baca juga: Format Teks HTML Part 6 – Cara Membuat Superskrip dan Subskrip Di HTML (tag sup dan sub)

Menggunakan Tag Tt

Tag tt yaitu tag yang mendefinisikan teks teletype. Apabila kita menggunakan untuk menandai input keyboard, maka kita bisa mempertimbangkan tag berikut.

  • <kpd> untuk variabel.

  • <var> untuk kode komputer.

  • <code> untuk output komputer.

  • <samp> untuk format teks dokumen.

  • Ataupun CSS sebagai penggantinya.

Lihat contohnya penggunaannya.

Tag Tt
<p>penggunaan elemen <tt>tt</tt></p>

Catatan: tag <tt> tidak didukung pada html 5.

Baca juga: Elemen Baru HTML5

Menggunakan Tag Span

Tag span yaitu tag yang digunakan untuk mewarnai bagian teks. Biasanya tag ini digunakan untuk menambah icon pada suatu tombol button, bukan itu saja. Kelebihan dari tag ini bisa di lihat berikut ini.

  • Tag <span> digunakan untuk mengelompokkan elemen-elemen sebaris dalam dokumen.

  • Tag <span> tidak memberikan perubahan visual dengan sendirinya.

  • Tag <span> menyediakan cara untuk menambahkan kait ke bagian teks atau bagian dari dokumen.

Untuk sebelumnya contohnya di bawah ini.

Tag Span
<p>penggunaan elemen <span>span</span></p>

Perbedaan generasi sebelum html 5: tidak ada.

Baca juga: Belajar Dasar HTML5

Menggunakan Tag Pre

Tag pre yaitu mendefinisikan teks yang telah diformat sebelumnya. Dengan kata lain teks dalam elemen <pre> ditampilkan dalam font dengan lebar tetap, dan mempertahankan spasi dan pemisah baris. Gunakan elemen <pre> saat menampilkan teks dengan pemformatan yang tidak biasa, atau semacam kode komputer. Dengan penjelasan tadi sudah cukup untuk mengetahui penggunaan tag tersebut. Pada dasarnya cukup jarang orang menggunakan tag ini, tetapi di lain waktu pasti menggunakannya. Seperti dalam pembuatan teks dokumen. Lihat contohnya di bawah ini.

Tag Pre
<p>penggunaan elemen <pre>pre</pre></p>

Perbedaan generasi sebelum html 5: pada atribut “width” tidak didukung lagi di html 5.

Sekian pembahasan kita kali ini semoga bermanfaat.

Baca juga: Format Teks HTML Part 8 – Cara Membuat Kutipan Pada Teks Di HTML (tag q)

Category HTMLTags Dasar HTML Format HTML


Mari Tinggalkan Komentar

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *