Menampilkan Gambar Pada HTML
Kita dapat menampilkan gambar pada HTML dengan elemen <img>. Elemen ini tidak memiliki konten, hanya menggunakan atribut saja dan tidak memilik tag penutup.

          <img src="gambar.jpg" />

Atribut src digunakan untuk menentukan alamat gambar yang hendak ditampilkan.

Kita juga dapat mengatur ukuran gambar menggunakan atribut width untuk panjang gambar dan height untuk tinggi gambar.

           <img src="gambar.jpg" width="100px" height="100px" />

Contoh:

<!DOCTYPE html>
<html>
    <head>
        <title>Belajar HTML</title>
    </head>
    <body>
        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhddbb0QJ4uU8lZqq9R8_-8hxeGgrdKqnltN86axbVbaEb_A93t4m0TYJAtU653kp0V1uWWveD3htDnVfget0NeP1-uI5SztLIIj7hriVYbIpDoOFa9VTPDPLmKH7yDPKU6rVIGqGNZssEJ/s1600/Youtubw.jpg" title=EdoBlogspot width="200px" heigth="200px />
    </body>
</html>

Outputnya akan seperti ini:



Sumber: codepolitan.com




Komentar

Posting Komentar