Blog Sahabat

Fungsi HTML untuk Memasukan Gambar

ELEMENT IMG
Element IMG befungsi untuk menampilkan insert gambar di website. Fungsi HTML untuk Memasukan Gambar Element ini tidak mempunyai tag penutup dan mempunyai attribute yaitu align, alt (teks alternatif jika gambar tidak tampil), border, height, width, hspace (jarak kosong posisi horizontal, vspace (jarak kosong posisi vertikal), src (lokasi dari gambar itu disimpan beserta nama file-nya).

Sintaks:


<img
   align="left"|"right"|"top"|"middle"|"bottom"
   alt="text"
   border="pixel"
   width="pixel"|"%"
   height="pixel"|"%"
   hspace="pixel"
   vspace="pixel"
   src="uri">
contoh :

<html>
<head>
<title>Latihan5-3</title>
</head>
<body>
<a href="ilmu-sebelas.blogspot.com"> <img src="image027.jpg" hspace="1" alt="gambar terputus" width="80" height="80" border="8" align="left"></a>Kita sedang belajar menyisipkan gambar pada tag, jika gambar tidak ada itu dikarenakan memang link yang kita masukan terputus. untuk antisipasi link yang terputus kita bisa gunakan alternatif text jadi pada saat gambar tidak muncul hanya akan memunculkan kotak dan text di dalam kotak tersebut. kita juga bisa kita juga bisa kita juga bisa membuat garis tepi gambar menggunakan border. mudah bukan ?
<a href="halaman yang dituju"> diatas code tadi jangan lupa tutup dengan </a>. untuk tag <a> akan saya bahas pada kesempatan berikutnya. Pada Dasar HTML
</body>
</html>
maka hasilnya :

gambar terputusKita sedang belajar insert gambar di website pada tag, jika gambar tidak ada itu dikarenakan memang link yang kita masukan terputus. untuk antisipasi link yang terputus kita bisa gunakan alternatif text jadi pada saat gambar tidak muncul hanya akan memunculkan kotak dan text di dalam kotak tersebut. kita juga bisa kita juga bisa membuat garis tepi gambar menggunakan border. mudah bukan ? kita juga bisa membuat link pada sebuah gambar. Caranya ketik <a href="halaman yang dituju"> diatas code tadi jangan lupa tutup dengan </a>. untuk tag <a> akan saya bahas pada kesempatan berikutnya. Pada Dasar HTML

Posting Komentar

0 Komentar