TUGAS 4 PEMROGRAMAN WEB

Kegiatan Belajar 17 :
Menyajikan Link ke Bagian Dokumen HTML

Tujuan Pembelajaran

Uraian Materi

Link ke Bagian Dokumen Tertentu
Link ke Bagian Tertentu dalam Dokuman yang Sama
Link ke Bagian Tertentu dalam Dokumen Lain

Rangkuman

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

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 menuju/kembali tertentu dalam dokumen bersangkutan.

Dapat 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 ditautkan/link. Sebagai contoh:

Sekarang kita dapat membuat link ke elemen dengan menggunakan ”#” di atribut link. Tanda “#” harus diikuti dengan id dari tag yang ingin ditautkan/link. Sebagai contoh:

Berikut ini contoh bila ada beberapa link internal

Link ke bagian dokumen tertentu dapat di bedakan lagi menjadi dua jenis, yaitu :

• Link ke bagian tertentu dalam dokumen yang sama
• 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 :

Selanjutnya untuk membuat link yang akan mengarah ke teks atau gambar yang telah di namai tersebut adalah dengan menuliskan kode seperti berikut :

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:

Rangkuman

Dari kegiatan belajar ini dapat dibuat rangkuman materi sebagai berikut :
Link dapat dibuat 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 menuju/kembali tertentu dalam dokumen bersangkutan

• Caranya adalah memberikan nama atau id pada bagian teks atau gambar tertentu sebagai bagian yang akan dituju. Yang perlu digunakan adalah atribut yang disebut id (identifikasi) dan simbol “#”. Gunakan tag:
  
• Kemudian untuk tag link dengan cara :