LEMBAR KERJA PESERTA DIDIK (LKPD) PJJ
PEMROGRAMAN WEB: DASAR-DASAR TAG HTML
Mata Pelajaran: Pemrograman Web / Informatika
Nama Siswa: ……………………………………..
Alokasi Waktu: 60 Menit
Kelas / No. Absen: ……………….. / …………….
A. TUJUAN & MEDIA PEMBELAJARAN
- Tujuan: Siswa mampu memahami tag dasar HTML dan membuat tampilan halaman web biodata diri sederhana.
- Media/Alat: Smartphone (Android / iOS) dan Akses Google Classroom.
- Aplikasi Teks Editor HP (Pilih Salah Satu):
- Android: TrebEdit / Spck Editor / HTML Editor (Download gratis di Play Store).
- iOS/iPhone: Textastic / Koder / Text Editor (Download di App Store).
B. RANGKAIAN KEGIATAN (60 MENIT)
| Waktu | Kegiatan | Instruksi |
|---|---|---|
| 00:00 – 00:10 | Persiapan | Buka tugas di Classroom, absen, dan pastikan aplikasi editor HTML di HP sudah terinstall. |
| 00:10 – 00:20 | Pemahaman Materi | Pelajari tabel referensi tag HTML dasar pada poin C. |
| 00:20 – 00:50 | Praktik Coding | Ketik kode HTML pada poin D di HP masing-masing dan lengkapi data diri Anda. |
| 00:50 – 01:00 | Pengumpulan | Jalankan web, screenshot hasil + kode, lalu kirimkan file ke Google Classroom. |
C. REFERENSI TAG DASAR HTML
| Tag HTML | Fungsi Utama |
|---|---|
| <html> | Pembungkus utama seluruh dokumen HTML. |
| <head> & <title> | Menyimpan informasi dokumen & judul tab browser. |
| <body> | Tempat utama memasukkan konten yang tampil di layar web. |
| <h1> s/d <h6> | Membuat judul/heading (H1 terbesar, H6 terkecil). |
| <p> | Membuat paragraf baru. |
| <b> / <i> | Menebalkan teks (<b>) dan memiringkan teks (<i>). |
| <br> / <hr> | Ganti baris baru (<br>) dan membuat garis pemisah (<hr>). |
D. TUGAS PRAKTIK (LATIHAN CODING DI HP)
Buka aplikasi editor HTML di HP Anda, buat file baru bernama biodata_namaanda.html, lalu ketikkan kode berikut dan ubah teks di dalam tanda kurung siku [...] sesuai data diri Anda:
<!DOCTYPE html>
<html>
<head>
<title>Biodata Diri Saya</title>
</head>
<body>
<h1>BIODATA SISWA</h1>
<hr>
<h2>Data Pribadi</h2>
<p>
Nama Lengkap: <b>[Isi Nama Lengkap Anda]</b><br>
Kelas: <i>[Isi Kelas Anda]</i><br>
Sekolah: [Isi Nama Sekolah]
</p>
<hr>
<h2>Tentang Saya</h2>
<p>
Halo! Saya adalah seorang siswa yang sedang belajar <strong>Pemrograman Web</strong> dari rumah.
Hobi saya adalah <i>[Isi Hobi Anda]</i> dan cita-cita saya adalah menjadi <b>[Isi Cita-cita]</b>.
</p>
<h3>Cita-cita Pembelajaran</h3>
<p>
Saya ingin menguasai HTML agar bisa membuat website sendiri yang bermanfaat bagi banyak orang.
</p>
</body>
</html>
E. PETUNJUK PENGUMPULAN TUGAS
- Jalankan/Preview kode HTML yang telah diketik di aplikasi HP Anda.
- Ambil 2 Screenshot:
- Screenshot 1: Tampilan baris kode HTML di editor HP.
- Screenshot 2: Tampilan hasil web (preview).
- Unggah file .html beserta 2 Screenshot tersebut ke kantong tugas Google Classroom sebelum batas waktu berakhir.
F. RUBRIK PENILAIAN
| Aspek Penilaian | Kriteria | Skor Maksimal |
|---|---|---|
| Struktur HTML | Menggunakan tag struktur dasar (html, head, body, title) secara benar. | 25 |
| Format Teks | Berhasil menerapkan h1-h3, p, b, i, br, dan hr secara tepat. | 35 |
| Kelengkapan Isi | Mengisi data pribadi dan deskripsi diri secara rinci dan rapi. | 20 |
| Ketepatan Waktu | Mengirimkan tugas ke Classroom sesuai batas waktu 60 menit. | 20 |
| TOTAL SKOR | 100 | |