Text formatting atau pemformatan teks mencakup bagaimana kita mengatur dan membuat teks menjadi tebal, miring, bergaris bawah, dll.
Membuat Teks Tebal
Menampilkan teks dengan huruf tebal pada dasarnya berfungsi untuk mempertegas suatu teks. Dengan mencetaknya dalam huruf tebal, teks terkait dapat lebih diperhatikan oleh pengguna
Dalam HTML ada dua tag yang dapat melakukan hal ini, yaitu tag dan tag .
<p>Teks ini dengan tag <b>bold</b></p> <p>Teks ini dengan tag <strong>strong</strong></p>KELUAR
Meski keduanya dianggap sama karena output yang dihasilkan sama-sama dicetak tebal, namun sebenarnya keduanya memiliki perbedaan
Teks yang dicetak dengan tag tidak memiliki kepentingan apa-apa, tag hanya sekedar digunakan untuk mencetak tebal.
Sedangkan teks yang dicetak tebal menggunakan tag menunjukkan bahwa teks tersebut benar-benar penting atau memiliki arti.
Beberapa sumber menyatakan bahwa teks yang dicetak dengan tag bisa jadi bermanfaat pada penerapan SEO, karena walaupun di mata pengguna tag dan terlihat sama namun tidak dengan mesin yang menganggap keduanya berbeda. Mesin akan menganggap bahwa teks yang diberi tag memiliki bobot yang tidak bisa diabaikan.
Meskipun tag bisa jadi bermanfaat untuk SEO, namun kita sangat tidak dianjurkan untuk sering menggunakannya dalam satu halaman.
Buat Teks Miring
Dalam HTML ada dua tag yang dapat membuat teks menjadi miring yaitu tag yang merupakan singkatan dari italic dan untuk emphasized.
<p>Teks ini dengan tag <i>italic</i></p> <p>Teks ini dengan tag <em>emphasized</em></p> _KELUAR
Sama seperti tag dan . Tag dan juga memiliki perbedaan dari segi kegunaan, terutama pada penerapan SEO.
Walaupun hasil yang ditampilkan sama-sama membuat teks menjadi miring. Namun kenyataannya tag hanya digunakan untuk membuat teks menjadi miring saja tanpa arti apa-apa.
Sedangkan tag selain membuat teks menjadi miring, namun juga membuat teks tersebut memiliki arti penting.
Membuat Teks Bergaris Bawah
Membuat teks agar memiliki garis bawah dapat dilakukan dengan tag (underline) dan (insert).
<p>Teks ini dengan tag <u>underline</u></p> <p>Teks ini dengan tag <ins>insert</ins></p>KELUAR
Sama seperti tag untuk mempertebal dan memiringkan teks sebelumnya. Perbedaan dari kedua tag ada pada kegunaan. Tag digunakan hanya untuk menampilkan garis bawah pada suatu teks dan tidak memiliki arti apa-apa.
Sedangkan tag untuk menampilkan garis dan menandakan bahwa teks tersebut memiliki arti penting.
Membuat Teks Tergores
Teks yang dicoret menandakan bahwa teks tersebut tidak digunakan atau dihapus. Untuk membuat teks yang tercoret ini bisa dengan tag dan tag .
<p>Teks ini dengan tag <s>strikethrough</s></p> <p>Teks ini dengan tag <del>delete</del></p>KELUAR
Perbedaan dari keduanya adalah bila tag hanya diperuntukkan untuk membuat coretan saja. Sedangkan tag diperuntukkan untuk teks yang akan dikoreksi selanjutnya.
Membuat Teks Berperingkat
Peringkat sering digunakan dalam rumus matematika. Ada dua jenis peringkat yang dapat dibuat dalam HTML, yaitu peringkat atas dan peringkat bawah. Keduanya diwakili oleh tag berikut
- sup – Kependekan dari superskrip. Digunakan untuk membuat peringkat di atas
- sub - Kependekan dari subskrip. Digunakan untuk membuat peringkat di bawah ini
KELUAR
Membuat Teks Bertanda
Untuk membuat teks seperti ditandai dengan spidol atau stabilo maka bisa gunakan tag .
<p>Teks ini dengan tag <mark>mark</mark></p>KELUAR
Tag ini nantinya akan menandai sebuah teks dengan membuat warna pada background teks yang dimaksud, seperti ketika kita memberi highlighter pada sebuah buku. Warna default tag adalah kuning