Memasang Gambar Pada HTML || BLC TELKOM KLATEN

A. PENDAHULUAN

• Pengertian

Kalian pasti pernah mengunjungi Website yang bergambar kan? Nahh cara Menambahkannya yaitu menggunakan tag <img> dan di tambah dengan atribut atribut yang di butuhkan yaitu src, alt, title, width, height.

src adalah atribut untuk menarik gambar dari internal resource ataupun internal resource.

• Latar Belakang Masalah

Di karenakan jika ingin mempelajari HTML lebih lanjut dibutuhkan dasar HTML yang kuat terlebih dadulu.

B. MAKSUD DAN TUJUAN

Bisa menambahkan Gambar pada HTML dan tujuannya adalah menguasai HTML Basic

C. RUANG DAN LINGKUP PEKERJAAN

- Image pada HTML

- Internal Resource

- Eksternal Resource

- Atribut atribut pada tag img

D. HASIL YANG DIHARAPKAN

Dapat memasang gambar pada penulisan HTML

E. ALAT DAN BAHAN

Laptop

Vs code

Koneksi internet

F. METODE PELAKSANAAN

- Brifing

- Menonton Referensi

- Coding

G. TARGET WAKTU

08.00 - 16.00

H. TAHAPAN PELAKSANAAN

- Brifing

- Menonton Referensi

Saya menonton Referensi Di Youtube Web Programmin Unpas

- Coding

Hasilnya :

- Penjelasan

 Jadi saat kalian ingin memasang sebuah Image(Gambar) pada HTML, maka tag yang di gunakan adalah tag <img> di ikuti dengan atribut atribut yang mencangkup tentang image.

- Internal Resource yaitu menaruh gambar yang ada di dalam satu folder, jadi anda harus menaruh gambar dalam satu folder terlebih dahulu.

jika sudah kalian menaruh gambar pada satu folder maka gambar tersebut dapat kalian tampilkan.

contoh penulisannya :

<img src="adelwingans.jpg">

- Eksternal Resource - Menaruh gambar dari link luar/website orang lain

Contoh penulisannya :

<img src="https://i.top4top.io/p_2252rdnf31.jpg">

Atribut-Atributnya adalah :

src  adalah atribut untuk menarik gambar dari internal resource ataupun internal resource 

Alt berfungsi Memberikan teks alternatif pada gambar

Title  berfungsi Mencantumkan tooltips pada gambar

border  berfungsi memberikan garis tepi pada gambar

Property Float berfungsi untuk mengatur gambar dan menyesuakan posisi teks di sekitar gambar

I. TEMUAN PERMASALAHAN DAN PENYELESAINNYA

-

J. KESIMPULAN YANG DI DAPAT

Memasang sebuah gambar Pada Website sangatlah penting untuk memberitahu kepada orang lain keaadaan ataupun informasi yang ada.

K. REFERENSI

- Web Programming Unpas

- niagahoster.co.id