Berikut adalah contoh favicon pada HTML untuk menambahkan favicon pada halaman web
<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<!-- Konten halaman web -->
</body>
</html>Pastikan Anda memiliki file favicon.ico yang sesuai dan ditempatkan di direktori root proyek Anda. Anda dapat menggunakan gambar atau ikon khusus sebagai favicon untuk menggambarkan identitas atau merek halaman web Anda.
Dalam kode di atas, tag <link> digunakan untuk menautkan favicon dengan halaman web. Terdapat dua atribut yang digunakan, yaitu rel dan href. Atribut rel digunakan untuk menentukan jenis tautan, dalam hal ini icon dan shortcut icon digunakan untuk menunjukkan bahwa ini adalah favicon. Atribut href digunakan untuk menentukan lokasi file favicon, dalam contoh di atas, file favicon.ico ditempatkan di direktori root proyek.
Dengan menambahkan kode di atas pada bagian <head> dari halaman web Anda, favicon akan ditampilkan di tab browser dan juga saat halaman web Anda disimpan sebagai bookmark.
Anda dapat mengganti favicon.ico dengan nama file dan lokasi yang sesuai dengan proyek Anda. Pastikan untuk menggunakan format file .ico untuk mendukung semua browser dengan baik.
Selamat mencoba menambahkan favicon pada halaman web Anda!
Leave a Reply