Cara Membuat Huruf Miring Dalam HTML Dengan Tag i dan Tag em

Untuk membuat huruf miring pada HTML, kita dapat menggunakan tag <i> dan <em>. Pada artikel kali ini kita akan membahas Cara Membuat Huruf Miring Dalam HTML Dengan Tag i dan em.

Penggunaan dan Penulisan Tag i Dalam HTML

Tag <i> merupakan singkatan dari Italic yang digunakan untuk membuat huruf miring. Tag <i> pernah berstatus deprecated yang artinya tidak disarankan untuk digunakan lagi, hal ini terjadi karena sebagian orang berpendapat bahwa tag yang bertujuan visual seperti ini sebaiknya untuk tidak dipakai lagi dan dialihkan kepada CSS.

Namun pada HTML5 seperti saat ini, tag <i> tetap dipertahankan untuk membuat huruf miring, namun defenisinya diganti menjadi alternative voice yang artinya untuk menandai bagian kata atau kalimat yang berasal dari bahasa asing.

Berikut ini contoh penulisan tag <i> dalam HTML :
<!DOCTYPE html>
<html>
<head>
    <title>Belajar HTML</title>
</head>
<body>
    <h1>Hallo Dunia!</h1>
    <p>Kali ini Saya sedang belajar HTML di website mas-abdi.blogspot.com</p>
    <p>HTML merupakan singkatan dari <i>Hypertext Markup Language</i></p>
</body>
</html>
Tag i

Penggunaan dan Penulisan Tag em Dalam HTML

Tag <em> merupakan singkatan dari Stresses Emphasis yang digunakan untuk menandai kata atau kalimat yang perlu mendapatkan penekanan, yang akan ditampilkan web browser dengan huruf miring.

Berikut ini contoh penulisan tag <em> dalam HTML :
<!DOCTYPE html>
<html>
<head>
    <title>Belajar HTML</title>
</head>
<body>
    <h1>Hallo Dunia!</h1>
    <p>Kali ini Saya sedang belajar <em>HTML</em> di website mas-abdi.blogspot.com</p>
    <p>HTML merupakan singkatan dari Hypertext Markup Language</p>
</body>
</html>

Walaupun kedua tag ini akan ditampilkan web browser dengan huruf miring, namun tag <i> dan <em> memiliki tujuan penggunaan yang berbeda. Tag <i> digunakan untuk kata atau kalimat asing, sedangkan tag <em> digunakan untuk penekanan kata atau kalimat.

Dalam penggunaan sehari-hari tag i lebih sering digunakan dibandingkan dengan tag <em>. Beberapa orang berpendapat bahwa kita tidak harus mengikuti aturan perbedaan ini dan menggunakan apa yang lebih familiar selama hal itu tidak menjadi masalah.
Untuk membuat huruf miring dalam CSS, kita bisa menggunakan properti font-style: italics;
Pada artikel selanjutnya kita akan membahas Cara Membuat Huruf Garis Bawah Dalam HTML Dengan Tag u dan ins.

Comments

Popular posts from this blog

20 Template Blogger SEO Friendly dan Responsive Gratis

Cara Menginstall Phoenix OS Pada Windows 10

Cara Menghapus Antivirus Avast Dengan Benar

Cara Membuat Bootable USB Flashdisk Windows 10 Menggunakan Rufus

Cara Mengatur Posisi dan Tampilan Gambar di HTML

Cara Memblokir Akses Internet Aplikasi Windows 10 Tanpa Aplikasi Pihak Ketiga

4 Template Blogger Buatan Mas Sugeng Yang Dibagikan Secara Gratis

7 Aplikasi Pemutar Video Terbaik Untuk PC/Laptop

41 Latar Belakang Abu-abu Yang Cocok Untuk di Desain

Kumpulan Pantun Jenaka