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