HTML element tag <em> (emphasized) merupakan salah satu tag pada HTML yang digunakan untuk memberikan penekanan pada suatu teks atau konten. HTML element tag <em> ini biasanya digunakan untuk mengindikasikan bahwa teks pada elemen tersebut mendapatkan penekanan kata yang lebih besar dari pada konten di sekitarnya. HTML element tag ini memiliki gaya tampilan italic atau garis miring untuk membedakan teks tersebut terhadap teks di sekitarnya.
Penulisan tag ini diawali dengan <em> dan diakhiri dengan </em>. Secara struktural pada HTML, element tag <em> diciptakan untuk menekankan suatu kata. Hal ini dimaksudkan agar mesin pencari ataupun screen reader dengan mudah mencari kata penting suatu halaman HTML.
Anda tidak seharusnya menyamakan tag <em> dengan tag <i>, walaupun dari sisi gaya memiliki tampilan yang sama namun dari struktur penggunaanya berbeda. Hal yang membedakannya adalah jika tag <em> digunakan sebagai penekanan pada konten, namun <i> memiliki kecenderungan pada segi tampilan berupa huruf yang memiliki penampakan miring.
Berikut ini contoh dari penggunaan tag <em> :
HTML
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
<head>
<title>Latihan Menggunakan HTML Element Tag EM</title>
</head>
<body>
<h1>Latihan Menggunakan HTML Element Tag EM</h1>
<p>Ikan Paus merupakan <em>ikan laut</em> dengan ukuran yang besar.</p>
<p>Ikan Paus tidak bernapas dengan <em>insang</em> seperti umumnya ikan, melainkan bernafas dengan <em>paru-paru</em>.</p>
<p>Ikan ini termasuk <em>binatang yang menyusui</em> bagi anak-anaknya.</p>
</body>
</html>
Jika dijalankan pada browser akan menghasilkan tampilan :
Browser Pendukung :
| Elemen |  |  |  |  |  |
| <em> | ya | ya | ya | ya | ya |
Global Attributes :
Tag <em> mendukung Global Atribut di dalam HTML yang artinya bahwa pada tag ini dapat sisipkan atribut yang bersifat global yang secara umum berlaku pada semua komponen tag HTML.
Silahkan kunjungi Atribut Global Pada HTML untuk mengetahui detail global atribut pada HTML
Event Attributes :
Tag <em> mendukung Event Atribut atau atribut acara (kejadian). Atribut acara ini merupakan wilayah javascript tentang bagaimana menampilkan halaman web. Misalnya saat halaman web sedang loading (onload) sampai interaksi user pada halaman web tersebut seperti scrolling layar (onscroll), menekan tombol pada keyboard (onkeypress, onkeydown), mengarahkan mouse (onmouseover) dan lainnya.
Silahkan kunjungi Event Atribut Pada HTML untuk mengetahui detail event atribut pada HTML.
Pengaturan Default CSS :
Nilai default pengaturan gaya untuk elemen <em> pada HTML:
CSS
1
2
3
Previous Pageem{
font-style:italic;
}
Tutorial HTML
Paling Banyak Dibaca
News Letters
Silahkan masukkan email Anda untuk berlangganan informasi kami
