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

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 👉🏼