HTML element tag <i> (italic) merupakan tag html yang digunakan untuk membedakan kata dari teks yang ada di sekitarnya dengan memberikan tampilan efek huruf miring. HTML element tag <i> biasanya digunakan pada saat suatu kata atau kalimat memiiliki arti khusus sehingga kata tersebut perlu diberikan penegasan. Kata tersebut seperti istilah-istilah teknis maupun terjemahan yang diambil dari bahasa lain.
HTML elemen tag lain yang memiliki kesamaan fungsi adalah tag <em>...</em> (emphasized). Teks yang berada di dalam kedua elemen tersebut akan ditampilkan dengan penataan tulisan miring. Namun yang membedakan adalah <i>...</i> tidak memiliki bobot penekanan pada konten dan hanya untuk mendapatkan gaya pada tampilan. Namun jika tag <EM> memiliki tingkat penekanan maksud yang lebih tinggi dari tag <I>.
Berikut ini contoh penggunaan tag <i>
HTML
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<head>
<title>Latihan Menggunakan HTML Element Tag I (Italic)</title>
</head>
<body>
<h2>Belajar Menggunakan HTML Element Tag I (Italic)</h2>
<p><i>Tata Surya</i> adalah kumpulan benda langit yang terdiri atas sebuah bintang yang disebut Matahari dan semua objek yang terikat oleh gaya gravitasinya.</p>
<p>Planet <i>Merkurius</i>, <i>Venus</i>, <i>Bumi</i> dikategorikan sebagai planet bagian dalam. Sedangkan planet <i>Yupiter</i>, <i>Saturnus</i>, <i>Uranus</i> dan <i>Neptunus</i> sebagai planet bagian luar.</p>
</body>
</html>
Jika dijalankan akan menghasilkan tampilan :
Browser Pendukung :
| Elemen |  |  |  |  |  |
| <i> | ya | ya | ya | ya | ya |
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 tag <i> pada HTML:
CSS
1
2
3
Previous Pagei{
font-style : italic;
}
Tutorial HTML
Paling Banyak Dibaca
News Letters
Silahkan masukkan email Anda untuk berlangganan informasi kami
