MENAMPILKAN GAMBAR || HTML
Assalamu'alaikum Wr.Wb
A.PENDAHULUAN
Salam sejahtera untuk kita semua,bertemu lagi dengan saya di blog pribadi saya ini.Kali ini saya akan membahas tentang bagaimana cara membuat tampilan layout gambar yang sederhana.
B.LATAR BELAKANG
Ingin membuat sebuah tampilan layout gamabr yang nantinya akan saya terapkan ke dalam web yang akan saya buat.
C.MAKSUD DAN TUJUAN
Untuk menerapkan tag-tag html dan membuat sebuah tampilan layout.
D.ALAT DAN BAHAN
-Laptop
-Sublime text
-Koneksi Internet
E.HASIL YANG DIHARAPKAN
Supaya hasil layout gambar yang saya buat nanti bisa saya terapkan kedalam web yang akan saya buat.
F.PEMBAHASAN
Menampilkan gambar pada html termasuk yang bisa di bilang terpenting dalam
membuat website atau membuat aplikasi berbasis web, bayangkan apa jadinya jika website tanpa
gambar, maka akan terasa sangat membosankan. oleh karena itu teknik menampilkan gambar
pada HTML termasuk ke dalam teknik yang perlu bahkan wajib. pada tutorial cara menampilkan
gambar pada html ini akan saya jelaskan tentang cara menampilkan gambar pada halaman website
menggunakan HTML.
HTML menyediakan sebuah tag yang khusus untuk menampilkan gambar atau image. tag
HTML yang berfungsi untuk menampilkan gambar adalah tag ” <img> “. tag <img> di gunakan
untuk menampilkan gambar atau image dengan berbagai ekstensi, bisa itu jpg, png, gif, bmp, ico
dan lain-lain.disini sya menggunakan tag <img> kemudian masukkan atribut “src=” pada tag <img>. atribut src berguna untuk menghubungkan dengan file gambar, jadi atribut src ini di gunakan untuk pemanggilan lokasi dan nama file gambar. jika file gambar terletak satu folder dengan file html yang bertugas untuk menampilkan gambar ini maka kita bisa langsung memasukkan nama file gambar yang ingin di tampilkan tersebut pada atribut src ini. tetapi jika file gambar berada pada folder yang berbeda dengan file html yang menampilkan gambar maka anda bisa menambahkan nama folder nya seperti misalnya“nama_folder/filegambar”. dan jika file gambar berada di luar folder file html yang
menampilkan gambar maka anda bisa menambahkan perintah “../”.
Berikut adalah cara untuk menampilkan gambar dengan HTML. di sini saya
sudah menyediakan sebuah file gambar yang berekstensi .jpg
G.KESIMPULAN
Itu adalah hasil dari Layout Gambar yang saya buat.
H.REFRENSI
http://www.malasngoding.com
I.PENUTUP
Apabila ada kesalahan kata atau kalimat saya mohon ma'af.. sekian dan terimakasih
Wassalamu'alaikum Wr.Wb
0 comments:
Posting Komentar