Cara menggunakan kepanjangan html

  1. Tutorial Web
  2. HTML
  3. HTML abbr tag | belajar <abbr> element

HTML Fadlullah Fadul December 3, 2018

Referensi Belajar HTML abbr tag. Tutorial dan panduan mengenai element <abbr>..</abbr> yang digunakan untuk menjelaskan kepanjangan dari singkatan. Mencakup penjelasan yang disertai contoh kode penggunaan sebagai referensi belajar HTML elemen <abbr>.


Deskripsi Penjelasan HTML abbr

abbr element menunjukkan sebuah abbreviation (singkatan) atau acronym (akronim), seperti HTML, PMI, MPR, RT, RW dan lain sebagainya yang semuanya menunjukkan singkatan dan memiliki kepanjangan. Element <abbr> digunakan bersamaan dengan atribut title yang menjelaskan kepanjangan dari singkatan tersebut dan tidak boleh berisi keterangan lain.

Kepanjangan yang ditulis pada title attribute dapat dilihat ketika mouse/pointer menyentuh (berada diatas) element abbr tersebut.


Global Attributes Atribut Secara Global (Keseluruhan)

<abbr> 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)

<abbr> 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 <abbr> element

Contoh 1

Kepanjangan dari PMI adalah "Palang Merah Indonesia" yang ditulis pada value dari title attribute.

<p>Setiap 3 bulan sekali saya mendonorkan darah ke:
<abbr title="Palang Merah Indonesia">PMI</abbr>.
</p>

Contoh 2

<p>
<dfn id="pmi">Palang Merah Indonesia</dfn> (<abbr title="Palang Merah Indonesia">PMI</abbr>)
adalah organisasi perhimpunan nasional Indonesia yang bergerak di bidang sosial kemanusiaan. PMI memiliki slogan: <cite>Setetes darah Anda, nyawa bagi sesama</cite>
</p>

Contoh Lengkap

Contoh source code lengkap disertai dengan demo hasil output kode (preview).

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Demo</title>
  </head>
  <body>
    <h2>Contoh 1</h2>
    <p>Setiap 3 bulan sekali saya mendonorkan darah ke <abbr title="Palang Merah Indonesia">PMI</abbr>.</p>

    <hr />

    <h2>Contoh 2</h2>
    <p><dfn id="pmi">Palang Merah Indonesia</dfn> (<abbr
    title="Palang Merah Indonesia">PMI</abbr>)
    adalah organisasi perhimpunan nasional Indonesia yang bergerak di bidang sosial kemanusiaan. PMI memiliki slogan: <cite>Setetes darah Anda, nyawa bagi sesama</cite></p>
  </body>
</html>

Bagaimana cara menggunakan HTML?

Cara Membuat Halaman Web Sederhana dengan HTML.
Buka editor teks. ... .
Atur jenis dokumen untuk HTML. ... .
Tambahkan tab judul untuk halaman web kamu. ... .
Ketik di bawah tag "Head" yang tertutup. ... .
Selanjutnya membuat judul halaman. ... .
Tambahkan judul tambahan jika kamu mau. ... .
Membuat paragraf. ... .
Mengubah warna teks..

Apa kepanjangan dari HTML adalah?

HTML (HyperText Markup Language) adalah suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.

Bagaimana cara menulis tag di HTML dengan benar?

Tag adalah sebauh penanda awalan dan akhiran dari sebuah elemen di HTML. Tag dibuat dengan kurung siku ( <...> ), lalu di dalamnya berisi nama tag dan kadang juga ditambahkan dengan atribut. Contoh: <p> , <a> , <body> , <head> , dan sebagainya. Tag selalu ditulis berpasangan.

HTML digunakan untuk apa?

1. Fungsi utama HTML, untuk membuat suatu halaman website yang bisa dibaca dan dipahami dengan lebih mudah. Seluruh laman website yang ada di internet, dibuat dengan HTML dan tak ada pengecualian. 2. Menandai teks pada suatu laman.