Tag <i> - html i tag

HTML tag "i" berfungsi untuk membuat karakter/teks berbentuk miring (italic). Hampir tak ada bedanya dengan html tag "em" (emphasis) yang juga mempunyai fungsi menampilkan karakter/teks miring. Sekalipun mempunyai fungsi dan kegunaan yang tak jauh berbeda, dalam web/blog disarankan untuk mengutamakan penggunaan html tag "em" dengan pertimbangan adanya perbedaan metode penulisan karakter "i" pada beberapa bahasa tertentu.

Beberapa sifat dasar tag <i> html i tag

  1. display inline
  2. hanya dapat diberlakukan pada teks
  3. dapat diselipkan dalam elemen html lain yang fungsinya untuk menampilkan teks
  4. tag "i" dapat dipergunakan secara berulang pada elemen induk yang sama.
  5. tag pembuka dan penutup "i" dapat dituliskan dalam huruf kecil atau huruf capital.
  6. sifat dasar tag "i" dapat dirubah melalui penambahan attribute tertentu.

Cara menggunakan

Karakter/teks yang hendak ditampilkan dalam bentuk "miring" diletakkan diantara tag pembuka i (<i> atau <I>) dan tag penutup i (</i> atau </I>).
Contoh
<i>teks miring</i>
hasil kode di atas akan terlihat seperti teks di bawah ini:
teks miring
Bandingkan dengan teks di bawah ini (tanpa tag "i"):
teks miring

mengganti tag "i" dengan css font-style property

Selain lebih disarankan untuk menggunakan html tag "em" untuk membentuk karakter/teks berbentuk miring, cara lain yang juga dipandang jauh lebih baik adalah menggunakan value/nilai "italic" pada css font-style property. Kode yang dipergunakan sbb:
<style type="text/css">
span.miring {
    font-style: italic;
}
</style>

<span class="miring"> letakkan teks disini!</span>
Edit kode dalam box demo di bawah ini untuk mengetahui lebih jelas fungsi tag "i". Anda juga dapat menggabungkan tag "i" dengan tag lain untuk mendapatkan hasil berbeda, bahkan jika diperlukan bisa juga ditambahkan attribute style dengan beberapa properti css seperti misalnya color, background dan properti lainnya.
Please click the button to display. Continue with editing code and click to see the results!

2 komentar:

  1. Jadi untuk membuat teks miring yang mana lebih disarankan gan?

    bagi agan yang berminat belajar membuat website bisa dilihat di situs berikut ini http://www.computer-course-center.com/web-design.html

    BalasHapus
  2. Rasakan sensasi permainan yang menakjubkan dan nikmati bonus yang kami sediakan untuk anda .

    Hanya Dengan 1 USER ID anda dapat memainkan 7 GAMES !!
    BandarPoker | PokerOnline | CapsaSusun | DominoQQ | BandarQ | AduQ | SAKONG

    Mari bermain bersama RUBYQQ , kami Agen Judi Poker Online Terbaik .
    HOT PROMO DARI RUBYQQ yang di berikan RUBYQQ untuk para pemain judi poker online yang telah bergabung bersama kami :

    ☆ Bonus Referral 10% + 10% ( Seumur Hidup )
    ☆ Bonus Turn Over 0,5% DI BAGIKAN SETIAP HARI !!
    ☆ NO ROBOT & ADMIN
    ☆ 100% Fair Play Member Vs Member
    ☆ Proses Deposit & Withdraw 1-2 Menit .


    Pendaftaran ==> http://rubyqq99.pkr69.com
    Untuk informasi lebih lengkap silahkan Hubungi Customer Service kami
    BBM : 2B8938F7
    FACEBOOK : rubyqq
    SKYPE : RUBY QQ

    BalasHapus

My ProfileC l o s e

FollowerC l o s e