Tag abbr HTML (+cite, dfn, dan small)

Sebelumnya kita sudah membahas karakter khusus dalam HTML. Sekarang kita akan bahas tag abbr HTML dan cite, dfn, serta tag small. Berikut pembahasan AneIqbal selengkapnya berikut ini.

Kali ini, kita akan membahas beberapa tag HTML yang digunakan untuk formating teks, seperti tag <abbr>, tag <cite>, tag <dfn>, dan tag <small>.

Tag <abbr> untuk menulis singkatan

Tag <abbr> merupakan singkatan dari Abbreviation. Abbreviatio berarti singkatan. Sesuai dengan namanya, tag ini digunakan untuk teks yang berbentuk singkatan, seperti “HTML”, “CSS”, atau “PHP”.

Penggunaan tag <abbr> disertai dengan atribut title yang berfungsi untuk menampilkan kepanjangan dari singkatan yang ada pada tag <abbr>.

Isi dari atribut title akan muncul dan terlihat, jika kursor mouse diarahkan ke teks yang diapit tag <abbr>,

Tag <abbr> masuk ke dalam jenis tag inline element.

Berikut contoh kode HTML-nya.

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar HTML mudah di AneIqbal</title>
  </head>
  <body>
    <p>
      <abbr title="Hypertext Markup Language">HTML</abbr> adalah bahasa yang harus pertama kali dipelajari dalam membuat sebuah web.
    </p>
  </body>
</html>

Seperti ini hasilnya.

tag abbr html
tag abbr html

Tag <abbr> tidak akan ditampilkan berbeda oleh web browser. Penggunannya hanya kepada struktur teks HTML.

Tag <cite> untuk membuat sumber referensi

Tag <cite> merupakan singkatan dari Citation. Citation adalah sebutan untuk referensi. Konten web bisa saja didapat dari berbagai sumber, yang kemudian sumber tersebut dicantumkan ke dalam konten tersebut dengan tag <cite>.

Teks yang diapit oleh tag <cite> akan ditampilkan miring atau italic oleh web browser. Tag <cite> ini termasuk ke dalam jenis tag inline element.

Berikut contoh kode HTML-nya.

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar HTML itu mudah dan menyenangkan!</title>
  </head>
  <body>
    <p>Referensi yang saya jadikan sebagai tempat belajar HTML adalah <cite>AneIqbal</cite></p>
  </body>
</html>

Seperti ini jadinya.

tag cite html
tag cite html

Tag <dfn> untuk menandai definisi kata

Tag <dfn> merupakan singkatan dari definition. Tag ini digunakan untuk menandai istilah yang akan definisikan. Teks yang diapit oleh tag ini akan ditampilkan miring atau italic.

Tag <dfn> ini termasuk ke dalam jenis tag inline element.

Berikut contoh kode HTML-nya.

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar HTML itu menyenangkan!</title>
  </head>
  <body>
    <p>
      <dfn>HTML</dfn> adahal bahasa yang digunakan untuk membuat dan menyusun struktur halaman web.
    </p>
  </body>
</html>

Seperti ini jadinya.

tag dfn html
tag dfn html

Tag <small> untuk membuat ukuran huruf kecil

Tag <small> digunakan untuk membuat ukuran huruf menjadi lebih kecil dibanding teks lainnya. Seharusnya, tag <small> ini berstatus deprecated seperti lawannya, tag <big>.

Namun, tag <small> didefinisikan ulang sebagai Small Imprint pada spesifikasi HTML5. Small Imprint dimaksudkan untuk teks kecil di luar konten seperti copyright atau legal notice.

Tag <small> masuk ke dalam jenis tag inline element.

Berikut contoh kode HTML-nya.

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar HTML itu menyenangkan!</title>
  </head>
  <body>
    <p>HTML adahal bahasa yang digunakan untuk membuat dan menyusun struktur halaman web.<small>&copy; copyright AneIqbal - 2016</small></p>
  </body>
</html>

Seperti ini jadinya.

tag small html
tag small html

Seperti itulah penggunaan tag <abbr>, tag <cite>, tag <dfn>, dan tag <small>. Selanjutnya, kita akan bahas deprecated tag HTML.

Share yuk, ke:

Leave a Comment