Some text some message..
Some text some message..
Some text some message..
Some text some message..
  • Beranda
  • »
  • HTML
  • »
  • Tag <i> (Italic): Huruf Miring Pada HTML

Tag <i> (Italic): Huruf Miring Pada HTML

previous Previous Page

Elemen <i> (italic) merupakan tag html yang digunakan untuk membedakan kata dari teks yang ada disekitarnya. Tag <i> akan menata teks yang sudah ditandai dengan memberikan efek huruf miring. Elemen <i>...</i> tidak menyiratkan tekanan kata namun merepresentasikan suatu kata atau kalimat dengan maksud lain dari teks utama. Tag <i>...</i> biasanya digunakan pada istilah-istilah tekhnis, terjemahan yang diambil dari bahsa lain.

Tag lain pada HTML yang memiliki kesamaan fungsi dengan tag <i>...</i> adalah tag <em>...</em> (emphasized). Teks yang diapit di dalam kedua elemen tersebut akan ditampilkan dengan penataan tulisan/karakter miring. Namun yang membedakan adalah <i>...</i> tidak memiliki bobot penekanan pada konten sama sekali dan sekedar untuk memperoleh gaya tampilan jika dibandingkan dengan tag <em>...</em> (emphasized).

Berikut ini adalah contoh penggunaan tag <i> pada halaman HTML :

Kode Script :

1.  <!DOCTYPE html>
2.  <html lang="en">
3.  <head>
4.     <meta charset="utf-8">
5.     <title>Demo HTML tag i (Italic)</title>
6.  </head>
7.  <body>
8.     <h2>Latihan menggunakan efek huruf miring/italic</h2>
9.     <p>
10.      <i>Tata Surya</i> adalah kumpulan benda langit yang terdiri atas sebuah bintang yang disebut Matahari dan semua objek yang terikat oleh gaya gravitasinya.<br>
11.      Planet <i>Merkurius</i>, <i>Venus</i>, <i>Bumi</i> dikategorikan sebagai planet bagian dalam,<br>
12.      sedangkan planet <i>Yupiter</i>, <i>Saturnus</i>, <i>Uranus</i> dan <i>Neptunus</i> sebagai planet bagian luar.
13.    </p>
14. </body>
15. </html>

Jika dijalankan akan menghasilkan tampilan sebagai berikut :

italic efek html

Browser Pendukung :

Elemencromeinternet explorerfirefoxsafariopera
<i>yayayayaya

Global Attributes :

Tag <i> 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 <i> 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 <i> pada HTML:

i{
font-style : italic;
}

facebooktwittergoogle pluswhatapplinkedinpinterest

previous Previous Page

Daftar Isi HTML