Halo teman-teman, apa kabarnya hari ini? Tak henti-hentinya saya nanya kabar. Hehehehe..
Di postingan ini, kita akan coba membuat dan menggunakan “Format Tulisan/Teks” menggunakan HTML.
Apa sih Format Tulisan itu?
Format Tulisan/Teks adalah bentuk tulisan, misalnya teks dengan bentuk tebal, miring, dan lain-lain.
🐶 : “Oh.. itu toh yang namanya Format Teks..”
🦁 : “Ya.. sederhananya gitu..”
🦕 : “Okeh. Cukup.”
Mari kita coba!
Buat file baru dengan nama 📄format-teks.html kemudian buat struktur HTML-nya. Jika sudah, mari kita coba satu-satu.
◽ Bold (Tebal)
Kita mulai dengan format teks tebal. Ini sangat sering kita jumpai bukan?
Untuk format teks tebal, kita butuh tag <b>
Contoh:
<b>Ini adalah tulisan tebal</b>
◽ Italic (Miring)
Nah, selanjutnya kita akan coba membuat teks miring. Ini juga sangat sering digunakan.
Untuk teks miring, kita butuh tag <i>
Contoh:
<i>Ini adalah tulisan miring</i>
◽ Mark (Tanda Stabilo)
Ini biasanya kita lihat pada buku. Ada sebagian orang yang suka menandai kata atau kalimat penting dengan stabilo. Apakah anda salah satunya? Wkwkwk..
Untuk teks tanda (stabilo) sendiri menggunakan tag <mark>
Contoh:
<mark>Tulisan ini sudah ditandai stabilo</mark>
◽ Del (Coretan)
Ketika menulis, ada saja kesalahan-kesalahan kecil. Biasanya kita menghapusnya dengan sebuah tanda coretan. Iya ga? Ataukah anda pengguna Tipe-X? —ngery..
Untuk membuat tanda coretan pada teks, kita butuh tag <del>
Contoh:
<del>Ini salah, saya coret aja</del>
◽ Ins (Garis Bawah)
Tujuannya miriplah dengan tanda stabil diatas. Bedanya, ini cara tradisional, yaitu dengan “menggaris-bawahi” tulisan yang kita anggap penting.
Untuk teks bergaris-bawah menggunakan tag <ins>
Contoh:
<ins>Kalimat ini sangatlah penting</ins>
◽ Small
Nama tagnya aja kalo diartiin berarti “kecil”, begitu juga dengan fungsinya yaitu membuat tulisan lebih kecil dari ukuran normalnya.
Untuk membuat tulisan kecil, kita butuh tag <small>
Contoh:
<small>Ini tulisan kecil weh</small>
atau bisa juga didalam teks biasa, seperti ini:
<p>Burung itu <small>kecil</small> sekali</p>
◽ Sub (Tulisan kecil bawah)
Tag satu ini membuat tulisan kecil sedikit dibawah tulisan lain. Misalnya kita ingin menampilkan tulisan H20 dengan gaya rumus kimia.
Kita dapat menulisnya dengan tag <sub> diantara teks lain.
Contoh:
<p>H<sub>2</sub>O</p>
◽ Sup (Tulisan kecil bawah)
Hampir sama dengan tag sebelumnya, namun untuk tag ini, akan menampilkan tulisan kecil dibagian atas tulisan lain. Misalnya kita ingin menuliskan pangkat pada angka.
Kita cukup menuliskan tag <sup> di antara tulisan lain.
Contoh:
<p>5<sup>2</sup></p>
🦁 : “Panjang juga yak penjelasannya.. Heheheh..”
Selain tag diatas, ada juga tag serupa dengan fungsi yang sama tapi nama berbeda, coba lihat tabel berikut:
| Tag | Kegunaan |
|---|---|
| <b> | Menebalkan tulisan |
| <strong> | Menebalkan tulisan (yang spesifik penting) |
| <i> | Membuat teks miring |
| <em> | Membuat teks miring (menekankan pada sesuatu) |
| <mark> | Membuat tanda stabilo pada tulisan |
| <del> | Membuat tanda coret pada tulisan |
| <ins> | Membuat tulisan bergaris bawah |
| <small> | Membuat teks lebih kecil (dari ukuran normal) |
| <sub> | Membuat tulisan kecil di bagian bawah |
| <sup> | Membuat tulisan kecil di bagian atas |
Format teks biasanya digunakan bersamaan dengan tulisan lain untuk membuat sebuah kalimat yang utuh dan berarti.
Silahkan ikuti contoh diatas dan jangan lupa untuk coba-coba (eksperimen) sendiri, lakukanlah dengan senang hati.
🐈 : “Ada pertanyaan atau apapaun itu, silahkan taruh di komentar atau di forum..”