Materi Ajar TIK Kelas 6B, Selasa 31 Oktober 2023

 Welcome to Grade VI

 

Nama Guru                 : Resky Kusumawardati, S.Kom.

Satuan Pendidikan     : SD Al-Azhar 2 Bandar Lampung

Mata Pelajaran           : Teknologi Informasi dan Komunikasi (TIK)

Kelas / Semester         : 6B / 1

Hari, Tanggal              : SELASA, 31 OKTOBER 2023

Tema                          : Menampilkan Gambar dan Membuat Tabel pada Dokumen Web

Subtema                      : Menampilkan gambar dan membuat tabel pada Dokumen HTML

Pembelajaran Ke       : 12

 

بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيْم

 

APERSEPSI

Good morning sholeh-sholehah kelas VI B SD AL-AZHAR 2 BANDAR LAMPUNG

Bagaimana hari ini kalian tetap semangat dan selalu semangat ya, mari kita membaca doa belajar terlebih dahulu ya nak..

                                                     

                                                            Aamiin, Aamiin Ya Rabbal Alamin

Baik lah sebelum masuk ke dalam materi pembelajaran, kalian perlu mengetahui apa saja Tujuan Pembelajaran kita hari ini :

1. Peserta didik dapat memahami cara menampilkan gambar dan membuat tabel pada halaman web

2. Peserta didik dapat menggunakan tag-tag html dalam program HTML

3. Peserta didik dapat mengerjakan tugas dengan tuntas didalam program HTML

 

RINGKASAN MATERI :

Cara Menampilkan Gambar

Untuk menampilkan gambar, digunakan tag <img>. tag <img> mempunyai banyak atribut, tetapi hanya satu yang harus disertakan, yaitu atribut src.

bentuk paling sederhana dari tag<img>:

<img src=”nama gambar”>

Mengatur letak 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

Mengatur ruang gambar

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

·      Vspace, akan memberikan ruang kosong sebanyak nilai yang disebutkan dalam atribut ini (dalam satuan pixel) diatas dan dibagian bawah gambar.

·      Hspace, akan memberikan ruang kosong sebanyak nilai yang disebutkan dalam atribut ini (dalam satuan pixel) disebelah kiri dan dibagian kanan gambar.

Membuat Tabel

-Pengertian Tabel

Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan data dalam bentuk tabel pada HTML, digunakan tag <table> ... </ table >. tag-tag yang terkait dengan pembuatan tabel:

 

Tag	Keterangan
<table>…..</table>	Mengawali dan mengakhiri sebuah tabel
<tr>….</tr>	Membuat sebuah baris dalam tabel
<th>….</th>	Membuat Judul kolom
<td>….</td>	Membuat sebuah sel data

KESIMPULAN

EVALUASI

PENUTUP

Demikian materi pembelajaran Menampilkan gambar dan membuat tabel pada hari ini. Pesan bu guru semangat selalu ya nak dan jangan lupa sholat 5 waktu serta sholat sunnah dhuha nya. Selamat belajar semoga bermanfaat aamiin yarabbal alamin.

 

Terimakasih

Wassalamu'alaikum warahmatullahi wabarakatuh