Menambah Gambar pada HTML. Untuk memuat sebuah gambar pada dokumen HTML digunakan
tag <img> dan menggunakan atribut “scr” untuk memanggil gambar tersebut.
<!DOCTYPE html>
<html>
<head>
<title>Menampilakn Gambar pada HTML | Ngoding Tutrial</title>
</head>
<body>
<img src=”https://ngodingtutorial.blogspot.com/2017/02/..Logo BlogLogo Ngoding Tutorial.png”>
</body>
</html>
Jika gambar yang kalian miliki satu folder dengan document
HTML kalian, kalian bisa menuliskan nama logo dan extensi file nya saja. Misalnya
<img src=”https://ngodingtutorial.blogspot.com/2017/02/Logo Ngoding Tutorial.png”>
Klik kanan pada gambar kalian lalu klik
properties, maka yang akan tampil.
Mengatur Ukuran Gambar
Tetapi untuk menggunakan atribut tersebut saya sarankan gunakanlah salah satu
atribut width dan height, Karena jika kita menggunakan
keduanya bisa jadi gambar yang kita miliki tertarik karna sudah tidak sesuai
lagi. Gambar yang saya gunakan memiliki ukuran 1336 x 768. Perhatikan contoh
berikut!
Menggunakan atribut width saja
<img src=”https://ngodingtutorial.blogspot.com/2017/02/..\Logo Blog\Logo Ngoding
Tutorial.png” width=”332″>
<img src=”https://ngodingtutorial.blogspot.com/2017/02/..\Logo Blog\Logo Ngoding Tutorial.png” height=”332″>
Menggunakan
kedua atribut
<img src=”https://ngodingtutorial.blogspot.com/2017/02/..\Logo Blog\Logo Ngoding Tutorial.png” width=”332″ height=”332″>
lagi, karena itu saya menyarankan kalian untuk menguunakan salah satu atribut
saja.
kalian mengerti.
Komentar
Posting Komentar