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 :
  

puisiku

Bundaku,,Surgaku

Karya : Fatmawati Dwi Lestari

Bundaku tersayang..

Bundaku yang ku idolakan..

Kasih dan cintamu,, bagai laut dan lngit biru..

Yang tak bertepi dan seakan menyatu..

Hatimu seakan meyerupai salju..

Yang suci dan dapat mendinginkan hatiku..

Sepanjang hidupmu..

Tak pernah kudengar keluhan..

Tak sekalipun ku lihat air mata berlinang..

Mungkin aku tak begitu tahu..

Tentang isi dalam relung hatimu..

Tapi setidaknya aku tahu..

Bahwa sosok dirimu, telah menghadirkanku..

Aku tak pernah tahu kerja kerasmu..

Yang aku tahu, aku masih, selalu, bergantung padamu..

Begitu ingin rasanya untuk membantumu..

Tapi apa daya, dan mampuku..

Bundaku tersayang..

Engkau cahayaku, juga surgaku..

Bara Api di Hutan Sang Pertiwi

Karya : Fatmawat

Asap hitam menusuk langit..

Terasa sesak beraroma sangit..

Melahap hijaunya mahkotamu..

Melenyapkan kekar tubuhmu..

Merubahmu menjadi arang dan abu..

Api berkobar karena ulah kami..

Yang egois dan tak punya hati..

Hanya demi kepuasan kami sendiri..

Hingga kami tega melakukan semua ini..

Membuat bara api di hutan sang pertiwi..

Apa yang harus ku lakukan?

Dunia seakan merintih kehausan..

Tanah seakan keriput kepanasan..

Dan kala tiba musim hujan..

Bumi tenggelam bak lautan..

Sekarang yang ku lakukan untuk menebus salahku..

Aku harus mengembalikan kejayaanmu..

Yang bisa ku lakukan untukmu..

Aku harus menanammu, merawatmu, dan menjagamu..

Semua itu bisa menjadi kekuatanku..

Oh,, Tuhan..

Semoga ini tidak akan terjadi lagi..

Oh,, Manusia..

Jangan kau membuat bara api..

Di hutan sang pertiwi..

Ayo kita berdiri!!!!

Gerakkan reboisasi..

Untuk Adiwiyata Mandiri..