Pemrograman Web Semester 1
191 | P a g e
17. Kegiatan Belajar 17 : Menyajikan Link ke Bagian Dokumen HTML
a. Tujuan Pembelajaran
Setelah mengikuti kegiatan belajar 17 ini Peserta Didik diharapkan dapat : 1 Memahami jenis-jenis link ke Bagian Dokumen HTML
2 Menyajikan link ke Bagian Dokumen HTML
b. Uraian Materi Link ke Bagian Dokumen Tertentu
Link dapat berperan untuk mengarahkan ke bagian teks atau gambar tertentu yang masih berada dalam satu dokumen yang sama. Link seperti ini biasanya
pada halaman web yang memiliki informasi yang panjang atau pada dokumen yang memiliki daftar isi di bagian atasnya. Tujuannya adalah agar para
pengunjung tidak perlu melakukan scrolling pada halaman tersebut untuk menujukembali tertentu dalam dokumen bersangkutan.
Sapat juga membuat link internal dalam suatu halaman - misalnya daftar isi di atas dengan link ke setiap bab . Yang perlu digunakan adalah atribut yang
disebut
id
identifikasi dan simbol “”. Gunakan atribut id untuk menandai elemen yang ingin ditautkanlink. Sebagai
contoh: h1 id=heading1heading 1h1
Sekarang kita dapat membuat link ke elemen dengan menggunakan ”” di atribut
link. Tanda “” harus diikuti dengan id dari tag yang ingin ditautkanlink. Sebagai contoh:
a href=heading1 Menuju ke heading 1a Berikut ini contoh bila ada beberapa link internal
html head head
body a href=heading1Link ke heading 1a
PEMROGRAMAN WEB SEMESTER 1
192 | P a g e
a href=heading2Link ke heading 2a h1 id=heading1heading 1h1
h1 id=heading2heading 2h1 body
html Link ke bagian dokumen tertentu dapat di bedakan lagi menjadi dua jenis, yaitu :
x Link ke bagian tertentu dalam dokumen yang sama x Link ke bagian tertentu dalam dokumen lain
Link ke Bagian Tertentu dalam Dokumen yang sama
Untuk membuat link semacam ini, terlebih dahulu kita perlu memberikan id atau nama pada bagian teks atau gambar tertentu sebagai bagian yang akan dituju.
Pemberian id tersebut dilakukan dengan cara menuliskan kode berikut : a
id=”tujuanLink”Teks atau gambara Selanjutnya untuk membuat link yang akan mengarah ke teks atau gambar yang
telah di namai tersebut adalah dengan menuliskan kode seperti berikut : a href=”Tujuanlink”Teks atau gambara
Tanda di atas menunjukan bahwa tujuan link adalah nama bagian, bukan
berupa file.
Link ke Bagian Tertentu Dalam Dokumen Lain
Selain bagian yang berada dalam satu dokumen, link dapat juga mengarah ke sesuatu bagian tertentu yang terdapat dalam dokumen lain. Untuk membuat link
semacam ini, bagian tertentu dalam dokumen lain tersebut harus di tantai dengan pemberian id seperti pada sub-bab sebelumnya. Perbedaan hanya
terletak pada penulisan tujuan link-nya saja. Pada kasus seperti ini, kita perlu menambahkan id bagian pada tujuan link, seperti berikut:
a href=”namafileidBagian”Teks atau gambara
c. Rangkuman Dari kegiatan belajar ini dapat dibuat rangkuman materi sebagai berikut :