in

Menampilkan gambar di HTML


Selamat datang kawan kawan di blog saya yang sederhana ini , kali ini saya akan berbagi mengenai cara menampilkan gambar di html . Menampilkan gambar pada HTML ini penting sekali , tidak ada website yang tidak memiliki gambar .

Untuk menampilkan gambar di HTML kita gunakan yang namanya Tag <img> , dan menggunakan atribut src .

<img src=”gambar.png”>

Oke sekarang kita akan coba menampilkan gambar , Pertama kita siapkan dulu gambarnya dan taruh dimana kalian akan nyeyimpan file HTML kalian .

Sekarang kita buat file HTML ,

<!doctype html>
<html>
<head>
<title>Menampilkan Gambar di HTML</title>
</head>
<body>
<img src=”fokus_tujuan_akhir.jpg”>
</body>
</html>

untuk <img src=”fokus_tujuan_akhir.jpg”> di bagian isi atribut src kalian ubah sesuai nama gambar kalian . Jika sudah save dimana kalian menaruh gambarnya .

Itu cara pertama Kawan kawan bisa juga dengan memangil URL gambarnya , misal

<!doctype html>
<html>
<head>
<title>Menampilkan Gambar di HTML</title>
</head>
<body>
<img src=”https://thenewboston.com/images/forum/logos/145efe2aab7ca9959397d6344180b658.png”>
</body>
</html>

Maka akan tampil


Di dalam Tag <img> juga tidak hanya ada atribut src saja , tetapi banyak seperti width dan height . Dari katanya saja width untuk kelebaran dan height untuk panjang . Oke sekarang jika akan coba gunakan

<!doctype html>
<html>
<head>
<title>Menampilkan Gambar di HTML</title>
</head>
<body>
<img src=”https://thenewboston.com/images/forum/logos/145efe2aab7ca9959397d6344180b658.png”
width=”32px”height=”32px”>
</body>
</html>

Untuk isinya tidak hanya berupa pixel saja tetapi berupa persen juga bisa , Coba kalian ubah yang pixel jadi % .  Maka ukurannya akan menjadi 32% dari lanyarnya .


Gimana mudah bukan untuk menampilkan Gambar di html itu , kita tinggal gunakan saja <img src=”lokasifile” > . Oke semoga bermanfaat dan juga menambah wawasan . terimakasih telah berkenan membaca artikel ini . Sampai jumpa di artikel yang lainnya yang lebih menarik dan juga lebih bermanfaat .

Written by admin