Gambar dapat meningkatkan tampilan halaman web dengan memecah teks dan menambahkan minat visual. Gambar yang terlihat di halaman web sebenarnya adalah tautan ke gambar internal atau jarak jauh. Dengan kata lain, gambar adalah file lain, baik di server yang sama dengan halaman web atau server jauh. Untuk menempatkan gambar di dalam halaman web, Anda harus memberi tahu browser tempat mencari gambar. Informasi ini ditempatkan di "" tag dengan atribut "src".
Membuat Gambar
Jika gambar Anda disimpan di server web yang menghosting halaman web Anda, Anda dapat menempatkan nama gambar di tag seperti: Namun, jika gambar Anda terletak di server jarak jauh, Anda harus menempatkan tautan ke gambar di tagnya seperti:
Apakah Anda menggunakan gambar lokal atau jarak jauh, ada beberapa atribut yang dapat Anda gunakan untuk menyelaraskan gambar Anda di halaman. Atribut "align" digunakan untuk menyelaraskan gambar secara horizontal. Nilainya bisa "kanan", "kiri" atau tengah. Misalnya, untuk menempatkan gambar jarak jauh di sisi kanan halaman, kode HTML-nya adalah:
Atribut "valign" digunakan untuk menyelaraskan gambar secara vertikal di layar. Nilainya bisa "atas", "bawah", dan "tengah". Untuk menyelaraskan contoh di atas di sisi kanan atas layar, kodenya adalah:
Atribut lainnya adalah atribut "alt". Ini digunakan untuk menempatkan teks di tempat gambar seharusnya berada jika pengunjung menggunakan browser web berbasis teks, atau jika tautan ke gambar rusak. Atribut "alt" digunakan dengan cara berikut:
Terakhir, Anda dapat membuat gambar Anda menjadi hyperlink dengan menambahkan tag "". Ini memungkinkan pengunjung untuk mengklik gambar yang akan dibawa ke halaman jarak jauh atau ke foto itu sendiri. Kode HTML untuk membuat gambar dengan hyperlink adalah:
