Dengan adanya sebuah gambar di websitekan memberikan semuga nilai seni yang menurut kami akan mengindahkan sebuah website kalian.
Dengan tidak mengurangi rasa yang kami ingin share kekalian agar kalian memilikisemua wawasan tentang pembelajaran ini maka kami akan berikan cara bagaiman untuk menampilkan gambar pada HTML.
Menampilkan sebuah gambar pada HTML termasukyang bisa dikatakan sangat penting dalam membuat sebuah website atau membuat aplkasi yang basisnya web, bayankan apa yang akan terjadi jika website yang kalian kelola tanpa adanya sebuah gambar ?, pasti akan tersa sangat bosan bukan ?, seperti yang sudah kami jelaskan sebelumnya untuk kaian.
Ini merupakan cara yang sangat penting untuk kalian ketahui caranya. HTM uga sudah menyediakan tag untuk menampilkan gambar atau image. tag HTML yang fungsinya hanya untuk menampilkan sebuah gambar adalah tag <mg>, tag inilah yang akan kalan gunakan sewaktu ingin menampilkan sebuah gambar atau imae. ang biasanya engan ekstenti jp, png, gif, bmp, io dan lain sebagainya.
Cara Menampilkan Sebuah Gambar pada HTML.
Didalam menampilkan sebuah gambar dengan TML, kalian dapat menggunakan tag <img>. kemudan tambahkan dengan atribut "sc=" di tag <img>. atrbut rc berguna untuk menghubungkan dengan fie gambar, jadi atribut src ini dignakan untuk pemanggilan lokasi dan nama file gambar. Jika file gambar terletak pada suatu folder dengan file html yang tugasnya untuk menampilkan gambar ini maka kaian bisa langsung menggunakan nama file tersebut yang tentunya kalian ingnkan untuk atribut srcnya. Aan tetapi apabila file gambar berada pada folder yang berbeda dengan file htm yang akan ditampilkan gambar maka kaian bisa menambahan nama folder nya, maksudnya "nama_folder/fiegambar". Dan apabila berada dluar folderfile html maka kalian bisa menambahkan perintah "..../".
Berikut ini Contohnya.
<!DOCTYPE html>
<htm>
<head>
<title.BERITA HCI</title>
</head>
<body>
<h1>Cara Menampilkan Gambar pada HTML | Berita HCI</h1>
<img src="LogoBeritaCI.png">
</body>
</html>
Kalian pun dapat menentukan ukuran gambar yangakan di tamplkan dengan menambahkan atribut height="" untuk mengatur tinggi gambar, dan menambahkan atribut width="" ntuk menentukan lebar pada gambar.
<!DOCTYPE html>
<htm>
<head>
<title.BERITA HCI</title>
</head>
<body>
<h1>Cara Menampilkan Gambar pada HTML | Berita HCI</h1>
<img src="LogoBeritaCI.png" height='200px" width="400px;">
</body>
</html>
Selamat untuk kalian semua telahmenylesakan pembelajaran ini. Semoga artikel yan kami share untuk kalian semua dapat bermanfaat dan berguna untuk kaian.
No comments:
Post a Comment