Cara buat Link HTML

ANCHOR

Kelebihan utama dari dokumen HTML adalah kemampuannya untuk memberikan LINK dari satu teks dan/ atau gambar menuju dokumen atau bagian lain dalam satu dokumen.browser web akan menyorot (highlight) teks atau gambar yang di identifikasi sebagai link dengan warna dan/atau garis bawah untuk menunjukkan bahwa itu adalah hypertext Link.

Dokumen HTML menggunakan hyperlink (anchor) untuk menghubungkan kepada dokumen lain dalam web

Tag ANCHOR

HTML menggunakan tag <a> untuk membuat dari satu link kepada dokumen lain dalam web.sintak dari penghubung dalam HTML adalah dengan menggunakan tag <a> atribut href deigunakan untuk mendefenisikan lokasi link.

Contoh Link yang menuju ke d-crow :

<body>

<a href="http://d-crow.blogspot.com/"> menuju ke D-crow </a>

</body>

HasiL :

Ada tiga jenis LINK :

Link relative
Link absolute
Link dalam dokumen yang sama

LINK Relatif dibuat apabila anda membuat suatu link pada page anda ke page lain dalam computer yang sama, tidak memerlukan menggunakan alamat internet yang lengkap.jika dua page pada direktori yang sama anda dapat menuliskan nama file seperti berikut :

<body>

<a href=”nama file anda.html”> dokumen dalam drive computer yang sama </a>

</body>

Hasil :

Link absolute di buat apabila anda membuat link yang berbeda pada website lain di internet.dalam hal ini anda harus menuliskan alamat internet secara lengkap . contoh :

<body>

<a href="http://d-crow.blogspot.com/"> menju ke d-crow </a>

</body>

HasiL :

Link ke bagian lain dalam dokumen, membuat Link yang menuju pada bagian dokumen yang sama dengan cara yang sama seperti link absolute atau relative hanya saja nama dokumen dalam link diganti sebelum nama bagian dokumen dengan sebelum nama tersebut ditambahkan dengan #

Contoh :

<a href=”#namabagian”> nama bagian </a>

Membuka LINK Di tab Baru secara otomatis pada saat di klik :

<body>

<a href="http://d-crow.blogspot.com/" target=”_blank”> menuju ke D-crow dengan tab baru </a>

</body>

Hasil:

Membuat Link yang tidak di garis bawahi

<body>

<a href="http://d-crow.blogspot.com" target="_blank" style="text-decoration:none">Link yang tidak digaris bawahi</a>

</body>

HasiL :

D-Crow