LEMBAR KERJA PESERTA DIDIK

(LKPD)

Nama Sekolah : SMK Negeri 4 Tanjungpinang

Mata Pelajaran : Pemrograman Web dan Perangkat Bergerak
Topik : Format Hyperlink pada Halaman Web
Komp. Keahlian : Rekayasa Perangkat Lunak
Kelas/Semester : XI / Ganjil
Alokasi Waktu : 1 X 30

Nama Siswa : …………………………………………………

Kelas : …………………………………………………

Kegiatan Belajar 1
A. PETUNJUK BELAJAR
1. Amati video pembelajaran yang ada di LMS
2. Pelajari Handout yang diberikan
3. Kerjakan penugasan secara perorangan

B. KOMPETENSI DASAR
3.5 Menerapkan format kaitan pada halaman web
4.5 Membuat kode html untuk menampilkan format kaitan pada halaman web

C. INDIKATOR PENCAPAIAN KOMPETENSI

3.5.1 Menjelaskan konsep format kaitan (link) dalam halaman web.

D. TUJUAN PEMBELAJARAN
Setelah mengikuti kegiatan pembelajaran menggunakan handout ini dan melalui
media pembelajaran yang sudah dibuat, peserta didik diharapkan mampu :
1. Melaui tayangan video siswa dapat menjelaskan konsep format kaitan (link) dalam
halaman web.

E. ALAT DAN BAHAN

Alat : Smartphone, PC/Laptop
 Bahan : Notepade ++

F. LANGKAH KEGIATAN

1. Baca dan cermati handout tentang Konsep Hyperlink berikut ini dengan seksama !

Konsep Hyperlink pada halaman web

Link yaitu suatu objek yang sanggup berupa teks atau gambar yang digunakan dalam
kode, HTML untuk menuju dari suatu pecahan ke pecahan yang lain pada halaman yang
sama, atau menuju ke halaman (file) yang berbeda. Default suatu link  biasnya ditandai
dengan teks warna biru dengan garis bawah, dan kalau pointer mouse ditujukan ke link
tersebut, maka bakal menjelma telunjuk tangan.
Peran link dalam halaman web sanagt besar dan selalu diharapkan untuk
memudahakan untuk memudahkan pengguna web dalam berintraksi dengan halaman-halaman
web yang ada. Link dalam HTML ditandai dengan tag <A> (Anchor) yang terdiri dari atribut
HREE yang digunakan untuk menuliskan lokasi tujuan (file) dari link dan variabel NAME
yang digunakan untuk menyimpan nama variabel kunci sebagai lokasi (bagian) `yang bakal
dituju` oleh link.

2. Perhatikan tayangan video pembelajaran tentang Konsep Hyperlink pada Halaman

web.
3. Setelah selesai membaca dan mencermati video pembelajaran yang ada, buatlah
latihan berikut ini :
  Buatlah dokumen HTML berikut:

 Simpan file dengan nama link-dokumen1.html dan tempatkan ke dalam direktori

kerja.
 Buatlah file baru, lalu buatlah dokumen HTML berikut :
 Bukalah file link-dokumen1.html melalui web browser
 Klik link yang ada pada dokumen1. Apa yang kamu lihat ? halaman web akan
berpindah ke dokumen 2 bukan ?
 Klik link yang ada pada dokumen 2. Kali ini, kamu akan melihat kembali isi halaman
dari dokumen1.

G. Pengamatan
Tes Formatif
1 Apa tag untuk membuat link dokumen web?
2 Apa yang diisikan pada atribut href=”…” ?
3 Tulislah tag yang menyajikan hyperlink ke dokumen-dokumen berikut :
a. profile2.html
b. staf/guru.html
c. www.google.com
d. profile.doc
4 Untuk soal 3.a) ternyata nama file yang dituju adalah “profile 2.html”, jadi ada spasi
sebelum 2, apa yang terjadi? Apakah dokumen tetap dapat dibuka?
5 Untuk soal 3.d) apa yang terjadi jika ada file profile.doc?
Lembar Jawaban
Lembar Jawaban 01 : Tag untuk membuat link dokumen web

Lembar Jawaban 02 : Isi dari atribut href=

Lembar Jawaban 03 : Penulisan tag hyperlink-nya sebagai berikut :

Lembar Jawaban 04 : Adapun hasilnya sbb :

Lembar Jawaban 05 : Adapun hasilnya sbb :