Favorite icon, biasa disingkat favicon, adalah ikon kecil yang muncul di tab browser web atau list bookmark saat kamu mengunjungi sebuah website. Favicon biasanya berformat .ico, .png, atau .jpg dan ukurannya kecil, sering kali 16x16 atau 32x32 piksel.
Favicon membantu audiens untuk lebih mudah mengidentifikasi tab atau bookmark website di antara banyak tab atau bookmark lainnya. Jika kamu memiliki banyak tab terbuka di browser; favicon akan membantu kamu lebih cepat menemukan tab yang diinginkan. Meskipun terlihat sederhana, mereka bisa meningkatkan kesan profesional dan menghadirkan pengalaman pengguna yang lebih baik.
Favicon adalah gambar kecil yang terletak di tab browser di sebelah kiri judul halaman web. Gambar di bawah mengilustrasikan lokasi favicon.
Untuk membuat favicon dengan html. Kamu bisa menggunakan tag <link>. Contoh penggunaanya sebagai beriku.
<link rel="shortcut icon" href="large-favicon" type="image/png">
Pastikan untuk mengganti nilai href dengan path yang benar menuju file favicon di situs web kamu. Kemudian, tempatkan kode tersebut di bagian <head> dari halaman HTML situs web kamu.
Ada juga Atribut sizes dapat digunakan untuk menentukan ukuran ikon sesuai dengan kebutuhan kamu seperti dibwah ini:
<link rel="shortcut icon" href="small-favicon" type="image/png" sizes="16x16">
<link rel="shortcut icon" href="large-favicon" type="image/png" sizes="23x23">
Nah itu dia cara membuat favicon dengan HTML. Semangat coding dan selamat mencoba😄🚀.
Artikel Lainnya Dengan Kategori Terkait :
1. 5 HTML Tags For Accessibility
2. Belajar HTML #01 | Apa Itu HTML ? Pengertian HTML Lengkap Untuk Pemula
3. Belajar HTML #02 | Cara Sederhana Membuat Code HTML
4. Belajar HTML #03 | Membuat Heading di HTML
5. Belajar HTML #04 | Format Text di HTML
6. Belajar HTML #05 | Membuat Paragraf di HTML
7. Belajar HTML #06 | Membuat Tabel Pada HTML
8. Belajar HTML #07 | Membuat Link Pada HTML
9. Belajar HTML #08 | Cara Membuat List Di HTML
10. Belajar HTML #09 | Cara Membuat Box Shadow CSS dan HTML Praktis Tanpa ribet (efek bayangan CSS)
11. Belajar HTML #10 | Cara Menampilkan Gambar Pada Halaman Website Menggunakan HTML
12. Belajar HTML #11 | Cara Menampilkan Video Pada Halaman Website Menggunakan HTML
13. Belajar HTML #12 | Cara Membuat Form Pada HTML
14. Belajar HTML #13 | Belajar Membuat Layout Pada HTML
15. Belajar HTML #14 | Belajar Menghubungkan HTML dengan CSS
16. Belajar HTML #15 | Cara Menambahkan Audio ke Halaman Website Menggunakan HTML.
17. Belajar HTML #16 | Cara Menambahkan Garis Horizontal di HTML
18. Belajar HTML #17 | Cara Menambahkan Komentar di HTML
19. Belajar HTML #18 | Tutorial Cara Membuat Checkbox dan Radio Button di HTML
20. Buat Desain Web Responsif CSS
21. Cara Membuat Accordions Dengan HTML & CSS
22. Cara Membuat Favicon Dengan HTML
26. Input HTML Yang Perlu Diketahui
27. Memahami Pentingnya Semantic HTML dalam Struktur Website
28. Membuat Form HTML dengan Input Sugestion
29. Penggunaan Atribut Elemen Anchor dalam HTML
31. Tag HTML yang Jarang Diketahui
Ahmad Dika Zulfahmi - 18 Februari 2025
Jungler Tank Bisa Kembali? Update yang Bisa Membawa Jungler Tank ke Meta Lagi
Ahmad Dika Zulfahmi - 06 Februari 2025
Setting Sensitivitas Auto Headshot Free Fire Terbaik
Ahmad Dika Zulfahmi - 03 Februari 2025
Flash Sale Minaplay! Top Up Diamond Free Fire Murah & Cepat!