Selamat datang di Kelas 6C
Nama Guru : Novarief Saisywa, S.Kom.
Satuan Pendidikan : SD Al-Azhar 2 Bandar Lampung
Mata Pelajaran : Teknologi Informasi dan Komunikasi (TIK)
Kelas / Semester : 6C/1
Hari, Tanggal : Kamis, 7 November 2024
Kompetensi Dasar : Mengenal Program HTML untuk Membuat Dokumen Web
Standar Kompetensi : Mendemonstrasikan penggunaan Tag-Tag HTML dalam program HTML
Pembelajaran Ke : 12
Aamiin, Aamiin Ya Rabbal Alamin
1. Alur Tujuan Pembelajaran
- Mengetahui Tag Paragraf pada program HTML
2. Tujuan Pembelajaran
- Peserta didik dapat menyebutkan dan menjelaskan Tag Paragraf pada program HTML
3. Capaian Pembelajaran
- Peserta didik mampu menyebutkan serta menjelaskan Tag Paragraf pada program HTML
- Ceramah, Tanya Jawab, Demonstrasi
5. Alat Peraga/Bahan Ajar
- Seperangkat Komputer, LCD Proyektor, Modul TIK
6. Kegiatan Awal (Sapaan)
Assalammualaikum anak sholih dan sholihah bagaimana kabarnya hari ini? semoga selalu diberikan kesehatan. Aamiin. Sebelum pelajaran hari ini dimulai mari kita murojaah surat terlebih dahulu ya.
7. Apersepsi
Pada pertemuan sebelumnya kita telah belajar tentang Tag Membuat Animasi Bergerak pada program HTML, ada yang bisa menyebutkan Tag Membuat Animasi Bergerak pada HTML? betul sekali, jadi tag yang digunakan untuk membuat Animasi Bergerak pada HTML yaitu tag <marquee>...</marquee> . Untuk hari ini kita akan belajar tentang Tag Membuat List <ul>,</ol> pada program HTML.
8. Materi Pembelajaran
Membuat List (Daftar Item)
Ø Membuat list dengan Bullet (Unordered List)
Untuk membuat list dengan bullet digunakan tag <ul> dan pada akhir daftar diakhiri dengan tag </ul>. tag <li> digunakan untuk membuat setiap item dari list.
Jenis bullet dapat ditentukan melalui atribut type pada tag <ul>. kemungkinan nilai untuk atribut type:
Nilai untuk Type | Bentuk Bullet |
“DISC” | · |
“CIRCLE” | o |
“SQUARE” | § |
Ø Membuat list dengan nomor (Ordered list)
Untuk membuat daftar item dalam bentuk nomor digunakan tag <ol> dan pada akhir daftar diakhiri dengan tag </ol>. tag <li> digunakan untuk membuat setiap item dari list. untuk mengganti nomor dalam daftar item, digunakan atribut type pada tag <ol>. Kemungkinan nilai dari Atribut Type adalah:
Nilai | Keterangan |
“A” | Huruf Kapital |
“a” | Huruf Kecil |
“I” | Angka romawi dengan huruf kapital |
“i” | Angka romawi dengan huruf kecil |
Latihan Praktek 04 :
Ketiklah HTML yang ada dibawah, menggunakan program Notepad atau Wordpad kemudian disimpan di drive/data (D) pada folder yang telah kalian buat, ganti nama file dengan Latihan4.html!
<html>
<head>
<title>latihan 04</title>
</head>
<body bgcolor=#990066 text=#FFCCFF>
<h1>TOKO BUKU SERBA MURAH</h1>
<hr width=50% align=left>
Toko kami menyediakan
<h2>Alat Tulis</h2>
<ol>
<li>pensil
<li>ballpoint
<li>penggaris
<li>dll.
</ol>
<h2>Buku-Buku Pelajaran</h2>
<ol type=A>
<li>ilmu pasti
<ul>
<li>Fisika
<li>kimia
<li>biologi
</ul>
<li>ilmu bumi
<li>sejarah
</ol>
<h2>Alat Kantor</h2>
<ol type=i>
<li>meja
<li>kursi
<ul type=square>
<li>kursi lipat
<li>kursi plastik
</ul>
<li>file manager
<li>dll.
</ol>
</body>
</html>
- Jalankan browser di Internet Explore atau mozila dan buka file diatas!
9. Penutup
Demikian untuk pembalajaran hari ini yang dapat bapak sampaikan, Jangan lupa selalu melaksanakan shalat 5 waktu dan senantiasa selalu murojaah agar hafalan kalian tetap terjaga dan jangan lupa selalu berbuat baik dan selalu tolong menolong dan serta jagalah kesehatan.
REFLEKSI ATAU KESIMPULAN PEMBELAJARAN
Berdasarkan hasil pembelajaran hari ini dapat diketahui bahwa semua peserta didik sudah mampu memahami materi tentang Tag <ul>, <ol> untuk Membuat List (Daftar Item) dengan baik
Dokumentasi Pembelajaran
.png)
.png)
0 Komentar