12.03.2016 Views

Pemrograman Web(1)

Sarana Pendidikan Teknologi Aceh 2016-2020

Sarana Pendidikan Teknologi Aceh 2016-2020

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

<strong>Pemrograman</strong> <strong>Web</strong> Semester 1<br />

17. Kegiatan Belajar 17 : Menyajikan Link ke Bagian Dokumen<br />

HTML<br />

a. Tujuan Pembelajaran<br />

Setelah mengikuti kegiatan belajar 17 ini Peserta Didik diharapkan dapat :<br />

1) Memahami jenis-jenis link ke Bagian Dokumen HTML<br />

2) Menyajikan link ke Bagian Dokumen HTML<br />

b. Uraian Materi<br />

Link ke Bagian Dokumen Tertentu<br />

Link dapat berperan untuk mengarahkan ke bagian teks atau gambar tertentu<br />

yang masih berada dalam satu dokumen yang sama. Link seperti ini biasanya<br />

pada halaman web yang memiliki informasi yang panjang atau pada dokumen<br />

yang memiliki daftar isi di bagian atasnya. Tujuannya adalah agar para<br />

pengunjung tidak perlu melakukan scrolling pada halaman tersebut untuk<br />

menuju/kembali tertentu dalam dokumen bersangkutan.<br />

Sapat juga membuat link internal dalam suatu halaman - misalnya daftar isi di<br />

atas dengan link ke setiap bab . Yang perlu digunakan adalah atribut yang<br />

disebut id (identifikasi) dan simbol “#”.<br />

Gunakan atribut id untuk menandai elemen yang ingin ditautkan/link. Sebagai<br />

contoh:<br />

heading 1<br />

Sekarang kita dapat membuat link ke elemen dengan menggunakan ”#” di atribut<br />

link. Tanda “#” harus diikuti dengan id dari tag yang ingin ditautkan/link. Sebagai<br />

contoh:<br />

Menuju ke heading 1<br />

Berikut ini contoh bila ada beberapa link internal<br />

<br />

<br />

<br />

Link ke heading 1<br />

191 | P a g e

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!