Pemrograman HTML memiliki elemen untuk memberikan gaya pada teks, seperti Bold, Italic dan Underline.
- BOLD, memberikan efek cetak tebal pada teks, biasa digunakan sebagai penegasan pada kata atau kalimat.
- ITALIC, memberikan efek cetak miring pada teks, biasa digunakan pada kata berbahasa asing.
- UNDERLINE, memberikan efek garis bawah pada suatu kata atau kalimat.
Tag <i> Untuk Membuat Huruf Miring dalam HTML
Tag <i> adalah singkatan dari italic. Italic merupakan sebutan untuk karakter text yang ditulis miring. Pada awalnya, tag <i> tidak memiliki arti struktur apa-apa, dan pernah berstatus deprecated yang artinya disarankan untuk tidak digunakan lagi.
Hal ini terjadi karena tag <i> semata-mata bertujuan untuk membuat huruf italics, atau garis miring. Sebagian programmer berpendapat bahwa tag yang bertujuan visual seperti ini sebaiknya tidak dipakai dan dialihkan kepada CSS.
Pada era HTML5 saat ini, tag <i> tetap dipertahankan, namun defenisinya diganti menjadi “alternative voice”. Alternative Voice dimaksudkan untuk menandai bagian artikel yang ‘pengucapan’ atau ‘mood‘-nya berbeda, seperti untuk menandai kata atau kalimat yang berasal dari bahasa asing. Tag <i> masuk ke dalam tipe tag inline, yang akan mengikuti alur text yang ada.
Berikut merupakan contoh penggunaan huruf italic pada HTML :
<!DOCTYPE html>
<html>
<head>
<title>RuangIlmu</title>
</head>
<body>
<h3>Apa Itu RuangIlmu ??</h3>
<p>RuangIlmu adalah <i>sebuah situs yang diperuntukan untuk mempelajari ilmu yang luas</i></p>
</body>
</html>
Tag <em> Untuk Stresses Emphasis Text HTML
Tag <em> adalah singkatan dari Stresses Emphasis. Stresses Emphasis ditujukan untuk menandai bagian text yang perlu di tekankan. Dalam implementasinya, tag <em> akan ditampilkan dengan huruf miring, sehingga mirip dengan tag <i>.
Tag <em> masuk ke dalam tipe tag inline, yang akan mengikuti alur text yang ada.
Berikut adalah contoh cara penulisan dan penggunaan tag <em> di dalam HTML:
<!DOCTYPE html>
<html>
<head>
<title>RuangIlmu</title>
</head>
<body>
<p>Apa<em>Itu</em>RuangIlmu ??</p>
<p>RuangIlmu adalah sebuah situs yang diperuntukan untuk mempelajari ilmu yang luas</p>
</body>
</html>
Walaupun keduanya sama-sama ditampikan dengan garis miring, tag <i> dan tag <em> dimaksudkan untuk tujuan yang berbeda. Tag <em> digunakan untuk penekanan kata, sedangkan tag <i> digunakan untuk kata asing yang pengucapannya berbeda.
Untuk membuat hasil huruf mirng di dalam CSS, kita bisa menggunakan:
font-style: italics;
0 komentar:
Bijaklah saat Anda memberikan komentar atau kritik !!