Tutorial Blog, Tips Blogging, SEO, Belajar Syntax HTML, PHP, CSS, dan Aktifitas Coding Lainnya

HTML Image dan Atributnya

HTML Image dan Atributnya - Dalam bahasa html, image didefinisikan dengan tag <img>. Pada tag image ada beberapa atribut yang bisa digunakan, yaitu atribut src, alt, dan style.

Atribut src digunakan untuk meletakkan alamat di mana gambar itu berada. Bisa berupa folder lokal ataupun berupa alamat url tempat gambar berada.

Atribut alt berfungsi untuk menampilkan keterangan gambar berupa teks jika gambar gagal load. Penggunaan atribut alt juga bisa bermanfaat untuk optimasi SEO suatu web. Jadi jangan sampai kamu lupa mencantumkan keterangan alt jika posting gambar.

Sedangkan atribut style berfungsi untuk mengatur width (lebar) dan hight (tinggi) gambar. Ukuran yg digunakan adalah pixel ditulis px pada dokumen html.

Untuk tag <img> ini tidak perlu tag penutup. Perhatikan contoh berikut :

<!DOCTYPE html>
<html>
<body>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRidRh0Y0iN9CuuNh2pCEETiIIHIAxK8jLELMDxWLbBZroDLR1iuz71fZoDzaZ7L-BC76l8Mu07vDuT0SqKBMHH3wWMg2k4ZZnCBSbDB00VMzxr4Vr42hEP_9oguWfgoUdxfeqEVxsuIY/s1600/sinahu.png" alt="sinahu coding" style="width:280px;height:280px">

</body>
</html>

maka hasilnya seperti ini :


sinahu coding untuk mengatur lebar dan tinggi gambar juga bisa langsung secara spesifik menggunakan atribut widht dan hight. Misalnya :

<!DOCTYPE html>
<html>
<body>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRidRh0Y0iN9CuuNh2pCEETiIIHIAxK8jLELMDxWLbBZroDLR1iuz71fZoDzaZ7L-BC76l8Mu07vDuT0SqKBMHH3wWMg2k4ZZnCBSbDB00VMzxr4Vr42hEP_9oguWfgoUdxfeqEVxsuIY/s1600/sinahu.png" alt="sinahu coding" width="280" height="280">

</body>
</html>

Mudah bukan? semoga bermanfaat dan tetap semangat belajar html.



0 Komentar untuk "HTML Image dan Atributnya"

Back To Top