HTML em tag | belajar <em> element
Referensi Belajar HTML em tag. Tutorial dan panduan mengenai element <em>...</em>
digunakan untuk memberi penekanan tulisan yang ditandai dengan garis miring. Mencakup penjelasan yang disertai contoh kode penggunaan sebagai rujukan untuk materi belajar HTML elemen <em>.
Deskripsi
Penjelasan HTML em
HTML <em>
element menunjukkan stress emphasis atau dapat dikatakan konten/kata yang perlu mendapatkan penekanan atau perhatian khusus. Dalam penjelasan lain, em mengandung arti emphatic stress yang menunjukkan penekanan yang tegas.
Dengan demikian, <em>
digunakan untuk memarkup konten dengan maksud memberi penekanan kata/kalimat dengan tegas.
Element <em>
dapat digunakan secara bersarang (nested) yang artinya sebuah element <em>
dapat dimasukkan element <em>
lain didalamnya secara bertumpuk dan menunjukkan tingkatan penekanan kata/teks yang berbeda .
Global Attributes
Atribut Secara Global (Keseluruhan)
<em> tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.
Event Attributes
Atribut event (Peristiwa)
<em> tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.
Example
Contoh HTML <em>
element
Contoh 1
<p>
Saya merasa dari <em>haus</em> sekarang berubah menjadi <em>lapar</em>
</p>
Contoh diatas memberi penekanan kata "haus" dan "lapar" sehingga jelaslah perbedaannya.
Contoh 2
Pada contoh selanjutnya, akan digambarkan pada sebuah diskusi kelompok.
Mula-mula ungkapan ditulis tanpa penekanan kata apapun seperti ini:
<p>Buaya adalah binatang buas</p>
Dengan memberi penekanan kata "buaya" kita mempertegas bahwa subjek yang dibahas adalah buaya (Mungkin seseorang ada yang menyatakan Harimau adalah binatang buas).
<p><em>Buaya</em> adalah binatang buas</p>
Selanjutnya, memberi penekanan kata "binatang" untuk mempertegas bahwa buaya disini adalah binatang bukan manusia seperti ungkapan "laki-laki buaya darat" dan lain sebagainya.
<p>Buaya adalah <em>binatang</em> buas</p>
Begitu juga seterusnya, contoh selanjutnya dapat ditulis demikian sesuai kebutuhan.
Contoh Lengkap
Contoh source code lengkap disertai dengan link "editor" untuk mencoba (try it) dan melihat hasil (preview) kode.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo HTML em tag</title>
<style>
</style>
</head>
<body>
<h3>Contoh 1</h3>
<p>
Saya merasa dari <em>haus</em> sekarang berubah menjadi <em>lapar</em>
</p>
</body>
</html>
SHARE