Cara Membuat Huruf Miring dalam HTML Menggunakan Tag i dan Tag em

Tag i dan Tag em

Membuat Huruf Miring dalam HTML dengan Tag i dan em
Memiringkan suatu text/kata dalam Microsoft Word sangat mudah dilakukan, hanya memakai ctrl + i text akan miring.
Dalam html juga sangat mudah memiring suatu kata, pakai tag <i> kata tersebut akan miring. Namun perlu diketahui dalam HTML, terdapat dua tag yang dapat membuat suatu teks miring yakni tag <em> dan <i>. Lalu apa perbedaan kedua tag tersebut?

Memiringkan Text dengan Tag i

Tag <i> adalah kependekan dari italic. Italic adalah text yang miring.
Jika anda memakai tag i untuk memiring suatu kata itu salah, karena tag i itu dipakai untuk ?alternative voice?.
alternative voice adalah suatu kata yang penhucapannya berbeda. Jadi jika ada suatu kata yang pengucapaannya tidak seperti biasa kita pakai tag i, memang text nya terlihat miring, namun text ini tetap dianggap bukan penekanan kata.

Memiringkan Text dengan Tag em

Tag <em> adalah singkatan dari Emphasis, tag em digunakan untuk menekankan suatu kata tertentu. Tag em juga akan memiringkan text sama seperti tag i namun makna dari keduanya berbeda.
Contoh penekanan kata dengan tag em
Vocalis indonesia yang ganteng, kecuali?
Dari kalimat diatas kita letakkan tag em di kata kecuali, karena kecuali ini memiliki penekanan terhadap jawaban dari pertanyaan.
Walaupun memiliki tujuan yang sama antara tag i dan tag em yaitu memiringkan suatu text tapi tetap mempunyai arti yang berbeda, web browser akan membedakan makna dari kedua text ini. Jadi bijaklah menggunakannya.

contoh memiringkat text dengan tag <i> dan <em>

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Mudah di Phpdanmysql.com</title>
</head>
<body>
<h3>Saya sedang belajar HTML di di <i>Phpdanmysql.com</i></h3>
<p>Kepanjangan dari HTML adalah <em>Hypertext Markup Language</em></p>
</body>
</html>

web browser tetap menampilkan text menjadi miring dari kedua tag diatas, tapi web browser akan mengartikan berbeda.

Get real time updates directly on you device, subscribe now.

Ingin Berkomentar?

×
Lewat ke baris perkakas