HTML Favicon

Kembali ke skillance.my.id Bursa Freelance

Skillance Academy (Materi Belajar Skillance Academy) Masuk Akun

HTML CSS JavaScript PHP & MySQL SQL jQuery Python Java C++ Vue Flutter UI/UX ROADMAP KIT PROYEK KEMITRAAN KAMPUS CEK SERTIFIKAT

HTML Favicon

« Sebelumnya Berikutnya »

Favicon adalah gambar kecil yang ditampilkan di tab browser di samping judul halaman web Anda.

Favicon membantu pengunjung mengenali website Anda dengan mudah ketika mereka membuka puluhan tab sekaligus. Format gambar yang paling umum adalah .ico, .png, atau .svg berukuran 16x16 atau 32x32 piksel.

Cara Menambahkan Favicon di Bagian Head:

<!DOCTYPE html>
<html>
<head>
    <title>Halaman dengan Favicon</title>
    <!-- Tag memasang Favicon -->
    <link rel="icon" type="image/x-icon" href="/assets/img/favicon.ico">
</head>
<body>

    <h2>Halaman ini memiliki Favicon</h2>
    <p>Lihatlah ikon kecil di samping judul tab browser Anda!</p>

</body>
</html>

Coba Sendiri (Try it Yourself) »

Simpan gambar ikon Anda di folder utama website dan hubungkan dengan tag <link rel="icon" ...> di dalam <head>.

Uji Pemahaman Singkat (Test Yourself):

Di bagian manakah tag <link rel='icon'> untuk favicon diletakkan?

Selesaikan Topik Ini

Tandai modul selesai untuk mencatat progres akun Anda.

« Sebelumnya Berikutnya »

Selesaikan Topik Ini

HTML Tutorial