Belajar Html : Mempelajari Format Text
Dokumen Html akan terlihat lebih menatik apabila, dialam dokumen tersebut terselip bebeberapa format text.
Apa itu format text?
Text format atau formating text adalah cara untuk menghias kerangka/struktur dokumen html menggunakan komponen Tag.
Format text sendiri memiliki banyak jenis, seperti Bold (Tebal), underline (garis bawah), dan italict (garis miring).
Cara penulisan text format pada html
Karna format text menggunakan komponen Tag, maka dalam penulisannya harus didalam Tag <body>.
Berikut ini beberapa contoh penulisan format text.
1. Garis miring
<i> Ini italic atau garis miring </i>
2. Tulisan tebal
<b> Ini bold atau tulisan tebal</b>
3. Garis bawah
<u> Ini underline atau garis bawah </u>
4. Coret tengah
<del> Ini coret tengah </del>
5. Membuat backgroud text
<mark> Membuat backgroud text </mark>
Untuk kompoen Tag lainnya dapat kamu lihat pada tabel dibawah
| Nama Tag | Keterangan |
|---|---|
| i | Untuk mencetak kalimat menjadi miring. |
| b | Membuat karakter menjadi tebal. |
| u | Mencetak karakter menjadi miring. |
| small | Mencetak karakter menjadi lebih kecil. |
| strong | Mencetak karakter menjadi lebih tebal layaknya bold. |
| mark | Memberi backgroud text (warna default dari mark ialah kuning). |
| sub | Mencetak subscripted teks atau tanda pangkat atas. |
| sup | Mencetak superscripted teks atau pangkat bawah. |
| del | Memberi garis tengah. |
| ins | Memberi garis tengah atau coret tengah. |
Contoh penggunaan formating text
Berikut ini adalah contoh penggunaan text formating.
See the Pen Fornating text html by Agata_desu (@Agata_desu) on CodePen.
Klik Result untuk melihat hasil program
Menggabungkan berbagai format text sekaligus
Cara untuk mengggabungkan format sangatlah mudah, kamu hanya perlu menambahan Tag format lain didepan atau dibelakang Tag format yang sudah ada.
Caranya mirip dengan menggubah jenis text pada chat WhatsApp, kamu dapat menggabungkan tanda underscore ("_") dan tanda bintang ("*") untuk membuat text menjadi tebal dan miring.
Contoh penggabungan format text pada HTML
See the Pen Formating text html by Agata_desu (@Agata_desu) on CodePen.
Klik Result untuk melihat hasil program.
Karna penggabungan format text menggunakan banyak Tag sekaligus pada satu line. Maka kamu harus memperhatikan penempatan/urutan penulisan Tag (sesuai dengan arturan penulisan Tag, yang sudah kita pelajari dahulu.)
Itulah sedikit pembahasan mengenai "formating text". Apabila ada kesalahan informasi atau kesalahan penulisan penulisan, mohon dimaafkan serta dikoreksi dikolom komentar.
Arigatou Gozaimasu (｡’▽’｡)♡.
Makasih tutornya
BalasHapusSama sama
HapusTerimakasih sudah menyempatkan waktu untuk berkomentar (｡’▽’｡)♡