Cara menambahkan gambar di html
Hallo friend
Gimana kabar kalian .semoga sehat selalu ya.
Di postingan kali ini saya akan memberikan tutorial
Cara Menambah kan gambar di html
Atribut yg di butuhkan
1. Url gambar
Tools saran di Top4top.io
2. Dan SC source ini
<img src="https://a.top4top.io/p_2032w4c4w1.jpg" />
Hasil
Contoh kodingan nya
<!DOCTYPE html>
<html>
<head>
<title>contoh</title>
</head>
<body>
<h1>menambahkan gambar</h1>
<img src="https://a.top4top.io/p_2032w4c4w1.jpg" />
</body>
</html>
Hasil
Atribut width dan height dalam tag <img>
Atribut berikut ini untuk menentukan besar dari gambar yang ditampilkan, yaitu width dan height.
Contoh penggunaan atribut width dan height pada tag <img>:
Contoh kodingan nya:
<!DOCTYPE html>
<html>
<head>
<title>contoh</title>
</head>
<body>
<h1>menambah kan gambar</h1>
<img alt="hamzah" src="https://a.top4top.io/p_2032w4c4w1.jpg" height="200" width="100" />
</body>
</html>
Hasil
Untuk mempertahankan proporsi gambar, namun tetap membuat gambar menjadi besar/kecil, cantumkan hanya salah satu atribut saja (width saja atau height saja, namun tidak keduanya). Misalkan jika kita menetapkan atribut width=300px (tanpa mencantumkan height), maka web browser akan menampilkan gambar dengan lebar 300px, dan menghitung secara otomatis tinggi gambar agar gambar tetap proporsional.
sekian dulu tutorial dari saya
Mohon maaf jika ada tulisan yang tidak di mengerti