Salah satu cara untuk mempercantik tampilan blog adalah dengan menambahkan foto profil di bagian header atau sidebar. Foto profil dapat menunjukkan identitas penulis dan membuat blog lebih personal. Berikut adalah langkah-langkah untuk menambahkan foto profil di blog dengan HTML.
Langkah 1: Siapkan foto yang ingin dijadikan profil. Pastikan foto memiliki format yang sesuai dengan HTML, seperti JPG, PNG, GIF, atau SVG. Simpan foto di folder yang sama dengan file HTML blog Anda, atau di tempat penyimpanan online seperti Google Drive atau Dropbox.
Langkah 2: Buka file HTML blog Anda dengan editor teks seperti Notepad atau Sublime Text. Cari bagian kode yang ingin Anda sisipkan foto profil, misalnya di bawah tag
atau di samping tag
. Tuliskan tag dengan atribut src, alt, width, dan height. Contohnya seperti ini:
Atribut src berisi alamat atau nama file foto yang ingin ditampilkan. Atribut alt berisi teks alternatif yang akan muncul jika foto gagal dimuat. Atribut width dan height berisi ukuran foto dalam satuan piksel. Anda dapat menyesuaikan nilai atribut ini sesuai keinginan.
Langkah 3: Simpan file HTML blog Anda dan buka dengan browser untuk melihat hasilnya. Jika foto berhasil ditampilkan, maka Anda telah berhasil menambahkan foto profil di blog dengan HTML.
Sumber: CARA MENAMBAHKAN FOTO DI HTML – sko.dev, Cara Memasukkan Gambar di HTML agar Website Anda Semakin Kece – Niagahoster
