Tahun baru, skill baru! 🚀. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

MENAMPILKAN FAVICON PADA HTML

Untuk membuat situs kamu unik, tambahkan favicon yang berguna sebagai icon situs seperti pada tab browser

Untuk menampikan favicon pada sebuah situs, seperti yang muncul pada tab browser yang membuatnya unik dan terlihat jelas seperti ini

contoh favicon di sebuah situs
contoh favicon di sebuah situs

Gunakan tag link dengan atribut rel icon di antara tag <head>

Contoh memasang favicon di HTML

Berikut contoh menggunakan gambar favicon di sebuah situs

<!DOCTYPE html>
<html>
<head>
    <title>Judul Website</title>
    <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
 ...
</body>
</html>

Pastikan lokasi gambar pada atribut href sesuai dengan lokasi asal file gambar yang kamu gunakan.

Bagaimana untuk punya file .ico

Ada banyak situs di internet yang bisa kamu gunakan. Misalnya kamu punya gambar berformat jpg yang ingin diconvert ke .ico.

Maka coba google “convert jpg to ico”, nanti kamu bisa mendapatkan file .ico tersebut sebagai sumber filenya.

👈🏼 Tag body pada HTML
Meta tag pada HTML 👉🏼