Belajar HTML Part 4 - Format Text HTML - SeriesWans

Dalam pengembangan suatu website, ada beberapa tata cara pengaturan gaya teks yang sangat penting untuk di ketahui guna meningkatkan etstetika dan keterbacaan halaman.  dengan menggunakan tag format HTML, kita daoat dengan mudah memberikan efek visual yang diinginkan pada suatu teks.

Format Text HTML

Berikut ini adalah beberapa tag yang umum digunakan dalam formating text:

1. <acronym>   : Tidak didukung di HTML5. Gunakan <abbr> sebagai gantinya. Mendefinisikan akronim.
2. <abbr>     : Mendefinisikan singkatan atau akronim.
3. <address>    : Mendefinisikan informasi kontak untuk penulis/pemilik dokumen/artikel.
4. <b>       :Mendefinisikan teks tebal.
5. <bdi>    : Mengisolasi bagian teks yang mungkin diformat ke arah yang berbeda dari teks lain diluarnya.
6. <bdo>    :Mengganti arah teks saat ini.
7. <big>   :Tidak didukung di HTML5. Gunakan CSS sebagai gantinya. Mendefinisikan teks besar.
8. <blockquote>  : Mendefinisikan bagian yang dikutip dari sumber lain.
9. <center>    : Tidak didukung di HTML5. Gunakan CSS sebagai gantinya. Mendefinisikan teks. terpusat.
10. <cite>     : Mendefinisikan judul sebuah karya.
11. <code>    : Mendefinisikan sepotong kode komputer.
12. <del>      : Mendefinisikan teks yang telah dihapus dari dokumen.
13. <dfn>       : Menentukan istilah yang akan didefinisikan dalam konten.
14. <em>      : Mendefinisikan teks yang ditekankan.
15. <font>    :Tidak didukung di HTML5. Gunakan CSS sebagai gantinya. Mendefinisikan font, warna, dan ukuran untuk teks.
16. <i>     : Mendefinisikan bagian teks dalam suara atau suasana hati alternatif alternate.
17. <ins>    : Mendefinisikan teks yang telah dimasukkan ke dalam dokumen.
18. <kbd>     : Mendefinisikan input keyboard.
19. <mark>    : Mendefinisikan teks yang ditandai/disorot.
20. <meter>     : Mendefinisikan pengukuran skalar dalam rentang yang diketahui (pengukur).
21. <pre>    : Mendefinisikan teks yang telah diformat sebelumnya.
22. <progress>    : Mewakili kemajuan tugas.
23. <q>   : Mendefinisikan kutipan singkat.
24. <rp>      : Mendefinisikan apa yang akan ditampilkan di browser yang tidak mendukung anotasi ruby.
25. <rt>     : Mendefinisikan penjelasan/pengucapan karakter untuk tipografi Asia Timur.
26. <ruby>   : Mendefinisikan anotasi ruby ​​untuk tipografi Asia Timur.
27.  <s>      : Mendefinisikan teks yang tidak lagi benar.
28.  <samp> : Mendefinisikan output sampel dari program komputer.
29.  <small>  : Mendefinisikan teks yang lebih kecil.
30.  <strike>    : Tidak didukung di HTML5. Gunakan <del> atau <s> sebagai gantinya. Mendefinisikan teks yang dicoret.
31. <strong>    : Mendefinisikan teks penting.
32. <sub>      : Mendefinisikan teks yang disubscript.
33. <sup>     : Mendefinisikan teks superscript.
34. <template>   : Mendefinisikan wadah untuk konten yang harus disembunyikan saat halaman dimuat.
35. <time>   : Mendefinisikan waktu tertentu atau datetime.
36. <tt>   : Tidak didukung di HTML5. Gunakan CSS sebagai gantinya. Mendefinisikan teks teletype.
37. <u>   : Mendefinisikan beberapa teks yang tidak diartikulasikan dan ditata berbeda dari teks biasa.
38. <var>  : Mendefinisikan sebuah variabel.
39. <wbr>  : Mendefinisikan kemungkinan pemutusan baris.

Itulah beberapa contoh format text yang dapat anda gunakan, tinggal gunakan sesuai kebutuhannya. dengan menggunakan tag format tersebut, anda dapat memberikan tampilan yang lebih dinamis dan menarik pada teks halaman websitenya. silahkan lakukan eksperimen dengan mencoba satu persatu gaya teks sesuai yang diinginkan. semoga bermanfaat ya.

Related Posts