HTML em tag | belajar <em> element

HTML Fadlullah Fadul December 3, 2018

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.

Silahkan, lihat referensi mengenai HTML Global Attribute

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.

Silahkan, lihat referensi mengenai HTML Events Attribute

Example
Contoh HTML <em> element

Contoh 1
HTML 
<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.

SOURCE
editor 
<!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
Previous Article Next Article