• Rab. Sep 28th, 2022

    Sih4nk

    Dari Kita Untuk Kita

    #13 Belajar HTML Gambar

    Byh4nk

    Sep 12, 2022 , ,
    Belajar html

    Belajar HTML 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 edisi HTML dasar ini yaitu Belajar HTML Menampilkan gambar pada html akan di 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.

    Untuk menampilkan gambar dengan HTML anda bisa 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 “../”.

    perhatikan contoh berikut untuk cara menampilkan gambar dengan HTML. di sini saya sudah menyediakan sebuah file gambar yang berekstensi .jpg

    Perhatikan gambar diatas. Gambar tersebut berada pada link “https://sih4nk.com/wp-content/uploads/2022/09/detectiveconan.jpg” dengan nama detectiveconan.jpg. Maka cara untuk menampilkan gambar tersebut adalah :

    Hasil:

    Belajar HTML gambar

    Gambarpun berhasil ditampilkan. Untuk source gambar bisa dari external link atau internal link, yang barusan kita lakukan adalah mengambil gambar dari external link.

    Kita bisa menentukan ukuran gambar yang tampil dengan menambahkan atribut height=”” untuk mengatur tinggi gambar, dan menambahkan aribut width=”” untuk menentukan lebar gambar yang tampil.

    Hasilnya :

    Belajar HTML gambar

    setelah ditampilkan terlihat gambar telah berubah ukurannya.

    Materi HTML Dasar Lainnya :

    #1 Belajar HTML : Pengertian HTML
    #2 Belajar HTML : Text Editor
    #3 Belajar HTML Mengenal Tag, Element, Atribut HTML
    #4 Belajar HTML Heading
    #5 Belajar HTML Format Text
    #6 Belajar HTML Paragraf
    #7 Belajar HTML Tabel
    #8 Belajar HTML Hyperlink
    #9 Belajar HTML List
    #10 Belajar HTML Form
    #11 Belajar HTML Atribut Form
    #12 Belajar HTML Symbol
    #13 Belajar HTML Gambar
    #14 Belajar HTML Tag Iframe
    One thought on “#13 Belajar HTML Gambar”

    Tinggalkan Balasan

    Alamat email Anda tidak akan dipublikasikan.