Icon pada html

Assalamualaikum Warrahmatullahi Wabarakaatuh

Kembali lagi di blog saya dengan pembahasan mengenai Desain Web. Kali ini saya akan membahas mengenai Icon. Icon atau yang di dalam bahasa indonesia disebut Ikon, terletak di tabbar dan biasanya menandakan icon suatu perusahaan atau instansi.

Baiklah pertama-tama kita buka aplikasi editor text kemudian buat struktur dasar html seperti biasa, dan simpan dengan format .html

Yang kedua siapkan icon yang akan digunakan

Ketiga, buat folder dengan nama image atau sesuai keinginan yang digunakan untuk menyimpan icon

*Note : pembuatan folder tidak wajib, tetapi sebaiknya digunakan agar lebih rapi dan teratur

Kemudian untuk menambahkan icon pada bagian head/ kepala dokumen kita tambahkan sebaris koding

       <link rel="icon" href="image/cc.png" type="image/x-icon"/>

Berikut tampilan koding lengkapnya :

*link rel biasa digunakan untuk mengaitkan atau menghubungkan html dengan suatu file/ alamat lain

Berikut tampilan hasil koding :

Sekian penjelasan mengenai Icon, semoga membantu!
Waalaikumussalam Warahmatullahi Wabarakaatuh :)