Link HTML-Created by Rama Aditya Maulana/Komang Atkinson
Setelah kita mempelajari Text Formatting With HTML Langkah Selanjutnya adalah bagaimana caranya membuat Link (hyperlink) yang menghubungkan satu dokumen dengan dokumen yang lain, atau satu website dengan website lain.Untuk Mengetahuinya, simak pelajaran berikut!
Link (Hubungan) pada html menggunakan tag anchor <a>.Bagan dari pada Link adalah:
<a href=”http://threeitcommunity.blogspot.com/”>
[Label/Teks untuk mendefinisikan Link]
</a>
Bisa kita ambil contoh seperti berikut!
<a href =”http://threeitcommunity.blogspot.com/”>
Three IT Community
</a>
Biasanya Teks yang di identifikasikan sebagai link,Browser akan memberikan warna biru tua sebagai pertanda bahwa teks tersebut adalah link.href menunjukan Lokasi Link atau nama file,jadi kalian harus menuliskannya dalam tanda kutip.
Tahukah Kamu??
Link atau Hyperlink menurut bahasa inggris dapat di artikan sebagai hubungan atau menghubungkan.
Jadi,Link dalam HTML juga dapat di artikan sebagai suatu kode yang menghubungkan suatu alamat/ file yang satu dengan alamat/file yang lain baik dalam internet atau bukan dalam internet.
Ada 3 Jenis Link yang perlu kalian ketahui:
1. Link Relatif
2. Link Absolut
3. Link dalam dokumen yang sama
1. Link Relatif
Link relatif dibuat untuk membuat suatu hubungan (link) dari page kamu ke page lain pada komputer yang sama.Syarat membuat link relatif adalah sebagai berikut!
Di buat pada satu komputer.
Tidak memerlukan alamat internet yang lengkap.
Harus dalam direktori/Folder yang sama.
Kalian dapat menuliskannya sebagai berikut:
<a href=”file_2.html”>Next</a>
*Tambahan: file tidak selalu dalam bentuk html,dalam bentuk word (doc) atau Powerpoint (ppt) juga bisa.
2. Link Absolut
Link Absolut di buat untuk membuat hubungan dari webpage satu ke page lainnya di internet.Dalam hal ini, kamu harus menulis alamat internet dengan lengkap.Link ini sering sekali kita temui.Contoh:
<a href=”http://facebook.com/”>Facebook</a>
3. Link dalam dokumen yang sama
Kalian Pernah membuka salah satu artikel dari wikipedia kan? salah satu dari artikel tersebut menyediakan daftar isi.Ketika kalian klik salah satu isinya,kalian akan di bawa kepada penjabaran dari daftar isi yang kalian klik tersebut.Link yang di gunakan oleh si admin wikipedia itu,adalah link jenis ketiga ini,link dalam dokumen yang sama.
Sekarang kalian akan mempelajarinya,berikut adalah penjelasannya!!
untuk membuat Sebuah Link dalam dokumen yang sama,ada 2 sintaks yang harus kalian ketahui,yaitu <a name=”tujuan”> dan <a href=”#Link yang di tuju”>.
Bisa Kita ambil contoh:
<a name=”Bab 4”></a>
<a href=”#bab 4”></a>
Keterangan:
<a href=”#bab 4”></a> adalah link yang menuju kepada Bab 4
Sedangkan &<a name=”bab 4”></a> adalah tujuan dari <a href=”#bab 4”></a>
Materi Tambahan
Link ke Mail
Tag yang digunakan masih sama,yaitu tag anchor.Hanya saja yang membedakan Lokasi Linknya <href>.
href (Link Location) yang digunakan adalah email.Bisa kita ambil contoh:
<a href=”mailto:komunitas_it2010@yahoo.com”>
Komuitas IT MTsN 3
</a>
Keterangan:
href yang digunakan adalah “mailto:[email]”
Sehingga bagannya adalah: <a href=”mailto:[email client/email yang dituju]”> {label} </a>
Sekian dulu Tutorial kali ini, Sampai Jumpa di Lain waktu...
Salam hangat,
Komang Atkinson/
Rama Aditya M
Tentang Penulis
Rama Aditya Maulana atau yang lebih akrab di panggil komang "Atkinson" ini adalah seorang Pelajar Tsanawiyah (Setingkat dengan SMP) yang bersekolah di Madrasah Tsanawiyah Negeri 3 Jakarta.
Email: komangatkinson@yahoo.com
0 komentar:
Posting Komentar