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
Postingan
