Hi sahabat
bloggers sekalian, di postingan kali ini kita akan mempelajari tentang link
pada dokumen HTML. Jadi, HTML menggunakan tag <a> tag Anchor untuk
membuat link. Secara umum, sintaksnya dapat dituliskan seperti
<a
href=”Source”> Teks Tampilan </a>
Dimana,
source merupakan alamat link yang akan dituju dan Teks tampilan yang
menunjukkan teks yang akan tampil di halaman web yang mewakili alamat link yang
akan dituju
Perlu
diperhatikan bahwa untuk membuat link pada dokumen HTML, sebaiknya buat satu
folder terlebih dahulu. Tujuannya untuk menyatukan dokumen-dokumen HTML yang
saling berkaitan di antara link-link tersebut. Sebenarnya, pembuatan folder
untuk menyatukan dokumen-dokumen HTML bisa untuk tidak dilakukan. Tapi hal
tersebut akan sangat sulit, kita harus menambahkan sintaks-sintaks tertentu di
teks editornya (notepad++). Jaadi akan
lebih baik jika membuat satu folder khusus biar lebih gampang
Untuk lebih
jelasnya, kita lihat contoh script berikut ini.
1.
Kita
buat dokumen HTML untuk Link Pertama. Simpan dengan nama, latihan1.html
2.
Selanjutnya,
kita buat lagi dokumen HTML untuk link kedua. Simpan dengan nama latihan2.html
3.
Terakhir,
kita buat dokumen HTML untuk link ketiga. Simpan dengan nama latihan3.html
Setelah semua
dokumen HTML untuk linknya dibuat, selanjutnya kita akan buat dokumen HTML
dengan menu linknya.
Catatan: untuk
penulisan sumber linknya kita harus menyesuaikan dengan nama file dari dokumen
link HTML yang akan dituju karena hal tersebut akan sangat berpengaruh terhadap
output yang akan dihasilkan.
Hasilnya akan
seperti ini:
Dari output
terlihat 3 link, yakni latihan 1, latihan 2, dan latihan 3. Jika kita klik
latihan 1, output yang akan dihasilkan seperti ini.
Jika kita klik
link latihan 2, akan tampil seperti berikut
Terakhir, jika
kita klik link untuk latihan 3, akan tampil seperti berikut
No comments:
Post a Comment