LKPD 05: Bab 5 Link dengan HTML

1 Identitas Peserta Didik

Wajib Diisi

Pilih Sekolah, Kelas, dan Nama Lengkap Anda di bawah ini untuk mengaktifkan modul praktikum web.

Sekolah

Kelas / Jurusan

Nama Lengkap

2 Ringkasan Teori: Format Kaitan (Hyperlink)

Dasar Web

Kemampuan inti dari WWW (World Wide Web) adalah kemampuannya saling menghubungkan dokumen. Menghubungkan halaman web satu dengan yang lain atau merujuk ke sumber daya eksternal menggunakan tag hyperlink adalah materi wajib dalam pengembangan web.

Jenis-jenis Hyperlink HTML

Jenis Link	Format Kode HTML	Deskripsi / Fungsi
Absolute Link	<a href="https://web.com">	Menuju ke website luar. Wajib menggunakan http/https.
Relative Link	<a href="about.html">	Tautan antar halaman di dalam website/folder yang sama.
Anchor Link	<a href="#kontak">	Melompat ke bagian tertentu dalam halaman yang sama.
Mailto Link	<a href="mailto:a@b.c">	Membuka aplikasi email perangkat untuk mengirim pesan.

Atribut Wajib (href)

Tag <a> (Anchor) tidak akan berfungsi tanpa atribut href (Hypertext Reference) yang berisi alamat rujukan.

Atribut Target

Gunakan atribut target="_blank" jika ingin link tersebut terbuka di jendela atau tab baru browser.

Anchor Text

Teks yang berada di antara tag pembuka & penutup <a>Teks ini</a> adalah bagian yang dapat diklik oleh pengguna.

3 Laboratorium Simulasi Link Web

Lengkapi atribut dan skenario hyperlink untuk mengembangkan struktur navigasi.

Interactive Modules

Simulasi 1: Navigasi (Relative Link)

Minisite 3 Halaman

Klik skenario di bawah ini untuk merancang Navigation Bar antar halaman (Internal). Tentukan sintaks link yang tepat.

Menu Navigasi

Target Atribut

Pilihan

Klik baris skenario untuk mulai analisa.

Simulasi 2: Anchor & External

Table of Contents

Anda membuat Bookmark halaman agar saat tautan diklik, web otomatis menggulir ke bagian bawah (Anchor Link).

1. Buat ID 2. Buat Link 3. Link Eksternal 4. Target Tab

Langkah 1: Menyiapkan Titik Anchor

Anda memiliki bagian "Bab 3" jauh di bagian bawah halaman. Atribut apa yang diberikan pada heading pembuka agar bisa dijadikan sasaran link?

Selesaikan 4 tahapan navigasi.

4 Tabel Pengamatan Praktikum Web

Rekapitulasi log analisis hyperlink dan struktur tag HTML yang telah dikerjakan.

No	Modul Simulasi	Skenario / Objek	Pilihan Tag / Atribut	Status Pemahaman	Aksi
Belum ada data. Klik tombol "+ Catat Analisis" pada modul simulasi di atas untuk menyimpan hasil.

5 Uji Kompetensi Link HTML

Jawablah 20 pertanyaan pilihan ganda berikut mengenai penyisipan hyperlink dan navigasi.

20 Soal Pilihan Ganda

Petunjuk Penyelesaian:

Pastikan seluruh soal uji kompetensi dan tabel pengamatan telah terisi lengkap sebelum mengirim LKPD.