Format teks adalah sebuah cara untuk membuat teks terlihat lebih berbeda dari teks lainnya, membuatnya menarik dan memliki arti tersendiri. Pada halaman artikel atau buku, format teks yang sering kita jumpai yaitu berupa teks tebal, teks miring, dan teks bergaris bawah. Penulisan format tersebut memiliki arti memberikan sebuah penekanan kalimat tertentu agar orang yang membacanya mengerti dengan point yang dimaksud. HTML meyediakan tag khusus untuk membuat format teks, berikut penjelasannya.
Cek Juga Youtube:Mandan Koding
Formating Elements Yang Umum Digunakan:
| Tags | Fungsi |
| <b> | Membuat teks menjadi tebal |
| <strong> | Tag ini mirip tag <b>, sama-sama membuat teks tebal akan tetapi penekanan teks yang menggunakan tag <strong> jauh lebih penting |
| <i> | Membuat teks menjadi miring |
| <em> | Tag ini mirip tag <i>, sama-sama membuat teks miring akan tetapi penekanan teks yang menggunakan tag <em>jauh lebih penting |
| <u> | Membuat teks menjadi miring |
| <sub> | Membuat teks menjadi kecil dan memiliki posisi lebih rendah dari teks normal |
| <sup> | Membuat teks menjadi kecil dan memiliki posisi lebih tinggi dari teks normal |
| <small> | Membuat teks menjadi kecil |
| <mark> | Membuat warna tertentu pada latar belakang teks seperti efek stabilo |
| <del> | Membuat teks seperti tercoret |
| <ins> | Menyisipkan teks |
| <q> | Membuat kutipan teks pendek |
| <blockquote> | Membuat kutipan teks panjang |
1. Tag <b> dan <strong> (Menbuat Teks Menjadi Tebal)
Tag <b> dan <strong> digunakan untuk membuat huruf menjadi tebal. Akan tetapi dengan menggunakan tag <strong> penekanan teks yang diberikan lebih penting dari <b>.
Contoh penerapannya:
<!-- Tag <b> -->
<p>Nama Saya Adalah <b>BUDI</b></p>
<!-- Tag <strong> -->
<p>Nama Saya Adalah < strong >WATI</ strong></p>
Tutorial Kami Sebelumnya:
2. Tag <i> dan <em> (Menbuat Teks Menjadi Miring)
Tag <i> dan <em> digunakan untuk membuat huruf menjadi miring. Akan tetapi dengan menggunakan tag <em> penekanan teks yang diberikan lebih penting dari <i>.
Teks bergaris miring biasanya digunakan untuk Bahasa asing (selain Bahasa Indonesia yang baku). Penggunaan teks miring juga bisa digunakan untuk menegaskan atau mengkhuskan huruf atau kata dalam sebuah kalimat. Dan masih banyak penggunaan teks miring lainnya.
Contoh penerapan:
<!-- Tag <i> -->
<p>Makanan Favorit Saya Adalah <i>Nasi Goreng</i></p>
<!-- Tag <em> -->
<p>Makanan Favorit Saya Adalah <em>Bakso Beranak</em></p>
3. Tag <u> (Membuat Teks Bergaris Bawah)
Tag ini digunakan untuk membuat huruf menjadi bergaris bawah. Penggunaan teks bergaris bawah pada umumnya sama dengan teks tebal dan miring yaitu untuk menyatakan bahwa unsur yang digarisbawahi tersebut merupakan unsur yang penting.
<!-- Tag <u> -->
<p>Hobi Saya Adalah <u>Membuat Perangkat Lunak</u></p>
<p>Hobi Saya Adalah <u>Menulis</u></p>
4. Tang <sup> dan <sub>
Tag <superscript> merupakan teks yang diperkecil ukurannya dan dinaikkan posisinya ke atas. Biasanya penggunaan format seperti ini digunakan untuk pemangkatan. Sedangkan tag <subscript> merupakan kebalikan dari superscript yaitu membuat teks diperkecil dan posisinya diturunkan ke bawah.
<!-- Tag <sup> -->
5<sup>4</sup> = 625 <br />
3<sup>3</sup> = 27 <br />
<!-- Tag <sub> -->
Rumus Molekul air adalah H<sub>2</sub>O <br />
Rumus Molekul karbondioksida adalah CO<sub>2</sub> <br />
5. Tag <small> dan <mark>
Tag <small> digunakan untuk membuat teks menjadi kecil dan tag <mark> digunakan untuk memberikan warna tertentu pada latar belakang teks.
<!-- Tag <small> -->
<p>Jangan lupa <small>membaca</small> Al-qur'an</p>
<p>Hari ini sangat <small>menyenangkan</small></p>
<!-- Tag <mark> -->
<p>Jangan lupa membaca <mark>Al-qur'an</mark></p>
<p>Hari ini <mark>sangat</mark> menyenangkan</p>
6. Tag <del> dan <ins>
Tag <del> digunakan untuk membuat teks seperti tercoret. Sedangkan tag <ins> digunakan untuk menyisipkan teks di dalam kalimat. Biasanya tag <ins> di gunakan setelah tag <del> sebagai teks pengganti dari teks yang dicoret.
7. Tag <q> dan <blockquote>
Untuk membuat kutipan pendek kita bisa gunakan tag <q>.
<!-- Tag <q>-->
<p>Menurut website Mandan Koding <q>Format teks adalah sebuah cara untuk membuat teks terlihat lebih berbeda dari teks lainnya,
membuatnya menarik dan memliki arti tersendiri</q></p>
dan untuk membuat kutipan yang lebih panjang gunakan tag < blockquote >
<!-- Tag <blockquote>-->
<p>Menurut website Mandan Koding <blockquote>Format teks adalah sebuah cara untuk membuat teks terlihat lebih berbeda dari teks lainnya,
membuatnya menarik dan memliki arti tersendiri Pada halaman artikel atau buku, format teks yang sering kita jumpai yaitu berupa teks tebal, teks miring, dan teks bergaris bawah. Penulisan format tersebut memiliki arti memberikan sebuah penekanan kalimat tertentu agar orang yang membacanya mengerti dengan point yang dimaksud</blockquote></p>
Beberapa format teks yang sudah dijelaskan diatas merupakan format umum yang sering digunakan. Ada lebih banyak lagi format teks pada HTML. Kamu bisa berkunjung ke website w3schools untuk melihat banyak tag pada HTML. Semoga bermanfaat🎉🎉
Tinggalkan Balasan