-->

Belajar Koding html Bagian 12: Membuat / Memanggil Favicon

 


HTML Favicon adalah elemen yang berfungsi sebagai identitas visual website, memudahkan navigasi, dan meningkatkan pengalaman pengguna / user.

Untuk menambahkan favicon ke situs web Anda, ikuti langkah-langkah berikut:

  1. Siapkan Gambar Favicon:
    • Buat atau pilih gambar sederhana dengan ukuran 16×16 piksel atau lebih besar.
    • Anda dapat menggunakan layanan online seperti favicon.cc untuk membuat favicon.

 

  1. Simpan Gambar di Direktori Website:
    • Simpan gambar favicon (misalnya, favicon.ico) di direktori root situs web Anda atau dalam folder khusus seperti images.

 

  1. Tambahkan Tag <link> di HTML:
    • Di dalam elemen <head> pada file HTML Anda, tambahkan:

<link rel="icon" type="image/x-icon" href="images/favicon.ico">



Gantilah images/favicon.ico dengan path yang sesuai ke file favicon Anda.

Untuk Melihat Kodingan lebih lengkapnya:

<!DOCTYPE html>

<html>

<head>

  <title>Judul Page</title>

  <link rel="icon" type="image/x-icon" href="file/favicon.ico">

</head>

<body>

 

<h1>This is a Heading</h1>

<p>This is a paragraph.</p>

 

</body>

</html>


Tampilan Hasil (Output) Memanggil favicon


REFERENSI

W3School


0 Response to "Belajar Koding html Bagian 12: Membuat / Memanggil Favicon"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel