Materi Ajar Kelas 6, Jum'at 12 November 2021

Nama Guru                           : Resky Kusumawardati, S.Kom

Kelas/Semester                     : 6A - 6G / I (Satu)

Nama Sekolah                      : SD Al-Azhar 2

KD                                         : Menampilkan Gambar dan Membuat Tabel pada Dokumen HTML

Materi Pokok                       :  Menampilkan Gambar pada Dokumen HTML

Tujuan Pembelajaran         : 1. Siswa mampu mengetahui cara mengatur letak gambar

                                                 2. Siswa mampu mengetahui cara mengatur ruang gambar

Sebelum memulai belajar hendaknya kita berdoa terlebih dahulu ya nak, berdoa dimulai..

Aamiin aamiin Yarabbal Alamin

Bagaimana kabarnya hari ini nak? Semoga sehat dan selalu dalam lindungan Allah SWT aamiin. Tetap semangat dan jangan lupa untuk selalu istiqomah sholat sunnah serta sholat wajibnya, murojaah qur'an dan mendengarkan tausiyahnya ya..

Minggu yang lalu, kita sudah belajar tentang "Mengenal jenis gambar dan bagaimana cara menampilkan gambar" ya nak.. untuk yang belum memahami silahkan dibuka di link blogger bu resky yang kemarin :https://reskykusumaa.blogspot.com/2021/11/materi-ajar-kelas-6-jumat-5-november.html

Dan untuk hari ini kita akan mempelajari tentang "Mengatur letak gambar dan Mengatur ruang gambar" Berikut adalah materi hari ini :

1.      1. Mengatur letak gambar

Tag <img> menyediakan atribut bernama align yang berfungsi untuk mengatur penempatan gambar. Nilai atribut align adalah :

Nilai	Keterangan
Bottom	Meratakan bagian bawah teks dengan bagian bawah gambar
Top	Meratakan bagian atas gambar dengan bagian paling atas suatu item pada baris saat ini
Middle	Meratakan bagian tengah gambar dengan bagian bawah teks
Left	Meletakkan gambar disebelah kiri teks
Right	Meletakkan gambar disebelah kanan teks

2.      2. Mengatur ruang gambar

atribut-atribut yang dimanfaatkan untuk mengatur jarak gambar terhadap teks adalah

·           Vspace, akan memberikan ruang kosong diatas dan dibagian bawah gambar.

·           Hspace, akan memberikan ruang kosong disebelah kiri dan dibagian kanan gambar.

 

Silahkan dicatat dibuku tulis masing-masing, semangat.. semoga bermanfaat. Aamiin

Terimakasih,

Wasaalamu'alaikum Warahmatullahi Wabarakatuh