Friday , October 18 2019
Home / HTML 5 / Cara Membuat Huruf Miring di HTML 5

Cara Membuat Huruf Miring di HTML 5

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.

Advertisements

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 :

Advertisements

Cara Membuat Huruf Miring di HTML 5

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 :

Cara Membuat Huruf Miring di HTML 5

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.

About Firdan Ardiansyah

Admin di lebakcyber.net Untuk berhubungan dengan saya, silahkan kirim email ke : firdan@lebakcyber.net

Leave a Reply

Your email address will not be published. Required fields are marked *