PakKoding Edukasi Teknologi
Masuk Daftar
Kembali ke Pilih Materi
Progres Kursus 0%
HTML

Alamat File & Favicon

Mengelola file dan ikon pada tab browser.

Penjelasan Lengkap

Cara kita memanggil file (seperti gambar) sangat menentukan apakah file tersebut muncul atau tidak.

Relative Path : Memanggil file berdasarkan lokasi file HTML kita (misal: "gambar.jpg" jika satu folder).
Sub-folder : Jika gambar ada di dalam folder, gunakan tanda miring (misal: "images/logo.png" ).
Favicon : Ikon kecil yang muncul di tab browser . Kita menggunakan tag <link> untuk memasangnya.
rel="icon" : Atribut untuk memberitahu browser bahwa file ini adalah sebuah ikon.
Contoh Kode
<head>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<img src="/images/semantic-layout.png" alt="Contoh Gambar">
Hasil Tampilan
Hasil Preview
Tugas Praktik (Pertanyaan)

Jika file gambar ada di dalam folder bernama "images", bagaimana cara menulis atribut src yang benar?