Selamat datang di Kelas 6A
Nama Guru : Novarief Saisywa, S.Kom.
Satuan Pendidikan : SD Al-Azhar 2 Bandar Lampung
Mata Pelajaran : Teknologi Informasi dan Komunikasi (TIK)
Kelas / Semester : 6A/1
Hari, Tanggal : Rabu, 23 Oktober 2024
Kompetensi Dasar : Mengenal Program HTML untuk Membuat Dokumen Web
Standar Kompetensi : Mendemonstrasikan penggunaan Tag-Tag HTML dalam program HTML
Pembelajaran Ke : 11
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 Paragraf <p>...</p> pada program HTML.
8. Materi Pembelajaran
Membuat Paragraf
Untuk membuat paragraf digunakan tag <p>….</p> . atribut align dapat digunakan untuk mengatur peletakan teks. nilai yang dapat diisikan adalah sebagai berikut :
· Left , Untuk mengatur teks rata kiri terhadap halaman
· Center, Untuk mengatur teks rata tengah terhadap halaman
· Right, Untuk mengatur teks rata kanan terhadap halaman
· Justify, Untuk mengatur teks rata kiri dan kanan terhadap halaman
Elemen Pemformatan Karakter <font>
Font pada halaman HTML dapat diformat sesuai dengan desain yang anda tentukan, baik ukuran, jenis maupun warna.
a. Atribut Elemen Font
SIZE = Number (font size adjustment, default 3)
COLOR = Color (font color adjustment, default black)
FACE = Number (font face adjustment, default Times New Roman)
Contoh Penggunaan:
<html>
<head>
<title>ALAZHAR ONLINE</title>
</head>
<body bgcolor="green">
<div align =”center”>
<strong>
PERGURUAN ALAZHAR<br>
BANDAR LAMPUNG <br>
<em>TK – SD – SMP – SMA<em>
</strong>
</div>
<hr size =”1” noshade>
<marquee behavior=”alternate” bgcolor=”orange”>
<strong>Selamat Datang di Website Alazhar Lampung</strong>
</marquee>
<hr size = “1” noshade>
<p align= center><font color="aqua" face=arial>
Nama ku Angel, aku kelas 6A ini pertama kalinya aku membuat program html, aku senang sekali belajar program html, aku selalu memperhatikan setiap guruku menjelaskan didepan dan aku mulai tertarik untuk belajar html.
<b>belajar html itu Asiik </b>
</p>
<p align=right><font color="yellow" face=jokerman font size="5">
Nama ku Faiz, aku kelas 6E awalnya aku bingung belajar html tapi karena aku selalu memperhatikan guruku menjelaskan, akhirnya aku bisa dan ternyata belajar html itu mudah dan menyenangkan lho teman-teman…<b>Ayo Belajar HTML</b>
</p>
</body>
</html>
Hasilnya akan terlihat seperti berikut ini:
.png)
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 <p>... </p> untuk membuat Paragraf dengan baik
Dokumentasi Pembelajaran
.png)
.png)
0 Komentar