Cara Menampilkan Gambar pada tampilan web menggunakan HTML#5

Assalamualaikum warahmatullahi wabarakathuh ,

Halo teman teman gimana nih kabarnya?

Semoga dalam keadaan sehat semua ya ! owh iya kali ini mimin akan ngelanjutin pembahasan mengenai materi html nih.

Dimateri sebeumnya kan kita sudah membahas gimana caranya membuat list sama variasinya, sama fungsi dari penggunaan tag marquee kan? (tulisan berjalan)

Nah kali ini mimin akan membahas bagaimana cara menampilkan gambar di suatu tampilan web menggunakan html….

Disini miimin akan menampilkan gambar dengan file internal ya,bagian exsternalnya akan miimin pisah dalam sesi pembahasan ke 2 nanti

Bagaimana caranya??

Simak penjelasannya……….

Pertama tama seperti biasa kita siapkan text editor kita /IDE Yakni Sublime Text dan teman teman lainnya hehehe

Lalu  kita tuliskan code berikut

<!DOCTYPE<head>

        <title> Belajar memasukan Gambar</title>

</head>

<body>

        <img src=”../html/download.jpg” width=”500px” height=”300px”>

        <p>Ini adalah Gambar Internal yang ada di dokumen saya</p>

</body>

</html>

Coba kalian perhatikan saya sudah memasukan judul di dalam tag title ,dan di dalam tag bodi saya juga sudah isikan tag yang bernama

β€œ <img src=”../html/download.jpg” width=”500px” height=”300px”>”

inilah tag yang berfungsi untuk menampilkan sebuah gambar , saya menggunakan file /gambar internal didalam materi kali ini yang sudah saya download terlebih dahulu.

Didalam mya juga terdapat tulisan/ code yang bertuliskan β€œwidth dan height” guna dari kedua code ini ialah untuk menentukan / megatur panjang lebar sebuah gambar yang kita cantumkan,kalian bisa membuatnya besar atau kecil tergantung kalian owh iya disii saya menggunakan satuan pixel ya makanya saya tulis β€œpx”Kalian juga bisa mengatur gambar bukan hanya dengan satuan pixel tetapi juga kalian bisa mengaturnya dengan satuan persen β€œ%”. Kalian bisa coba sendiri

Ini Dia Gambar yang sudah saya siapkan jika kalian memang lebih nyaman melihat code di gambar…..

Materi ini saya pisah menjadi beberapa sesi namun masih dalam 1 pembahasan yang saya yaitu mengenai gambar,

Saya akan membuat gambar yang di cantumkan hyperlink dalam materi selanjutmya, Dan saya juga akan membuat tutorial css supaya apa yang kita buat di folder html ini menjadi lebih indah dan lebih baik lagi tampilannya….

Oke baik cukup sekian yang bisa saya sampaikan kurang lebihnya mohon maaf,

Semoga materi ini bermanfaat… .

Sampai ketemu di pembahasan selanjutnya…

.terimakasih

Author: Mr_Shiroo

Leave a Reply

Your email address will not be published. Required fields are marked *