Lebak Cyber Tips dan Trik Komputer
Cara Membuat Huruf Miring di HTML 5
lebakcyber.net – Pada kesempatan kali ini kita akan membahas cara membuat huruf miring di HTML 5. Untuk membuat format text seperti huruf miring seperti misalnya yang ada di Microsoft Word pada HTML 5 bisa dengan menggunakan tag <i> dan juga tag <em>.
Membuat Huruf Miring di HTML Dengan tag <i>
Tag <i> pada HTML adalah singkatan dari italic. Italic sendiri merupakan suatu sebutan untuk karakter text yang ditulis secara miring. tag <i> sendiri pada HTML pada awalnya tidak memiliki arti struktur apa-apa, bahkan pernah berstatus deprecated atau disarankan untuk tidak digunakan lagi.
Namun pada era HTML 5 sekarang ini, tag<i> masih tetap dipertahankan, namun biasanya digunakan sebagai alternative voice yang maksudnya untuk menandai bagian dari artikel yang pengucapannya berbda, seperti misalnya untuk menandai kata atau kalimat yang berasal dari bahasa asing.
tag <i> sendiri masuk kedalam tipe tag inline yang akan mengikuti alur text yang akan dibuat miring.
Daripada pusing dengan penjelasannya, lebih baik langsung saja kita coba cara membuat huruf miring di html 5 dengan menggunakan tag <i> seperti contoh dibawah ini :
<!DOCKTYPE html> <html> <head> <title>Belajar HTML LebakCyber</title> </head> <body> <h2>Selamat belajar html di LebakCyber</h2> <p><i>ini adalah contoh tulisan miring</i></p> </body> </html>
Nanti hasilnya akan seperti pada gambar dibawah ini :
Membuat Huruf Miring di HTML Dengan tag <em>
Tag <em> merupakan singkatan dari Stresses Emphasis yang ditujukan untuk menandai bagian text yang memerlukan penekanan. Pada implementasinya, tag <em> akan ditampilkan dengan huruf miring sehingga penggunannya mirip dengan tag <i>
Berikut ini adalah contoh membuat huruf miring di html 5 dengan menggunakan tag <em>
<!DOCKTYPE html> <html> <head> <title>Belajar HTML LebakCyber</title> </head> <body> <h2>Selamat belajar html di LebakCyber</h2> <p><em>ini adalah contoh tulisan miring dengan menggunakan tag em</em></p> </body> </html>
Nanti hasilnya akan seperti pada gambar dibawah ini :
Oke jadi seperti itulah bagaimana cara membuat huruf miring di HTML 5, semoga tutorial sederhana ini bisa bermanfaat bagi kalian yang sedang mempelajari HTML. Selamat mencoba.
