Link Dokumen HTML

Posted by andi hasmiati In | 0 comments»



Biasanya dalam web itu terdapat link yang akan membawa kita pada suatu halaman yang dimaksud oleh link tersebut setelah kita mengkliknya. Dokumen HTML mempunyai kemampuan untuk memberikan link dari satu teks dan / atau gambar. Link tersebut nantinya menuju ke dokumen atau bagian lain dalam suatu dokumen Browser web, yang akan menyorot teks atau ganbar yang di identifikasikan sebagai link dengan warna dan / atau garis bawah untuk menunjukkan bahwa itu adalah hypertext link.

Tag Anchor
Dalam tag HTML Anchot menggunakan tag <a> yang digunakan untuk membuat suatu link kepada dokumen lain.
<a href="http://www.google.com">Link ke www.google.com</a>


Link Relatif
Membuat link dari satu page ke page lainnya pada computer yang sama dapat dilakukan dengan menuliskan langsung nama filenya.


<html>
<head>
<title>Link Relatif</title>
</head>
<body>
<a href="biodata.html">Biodata</a></body>
</html>


Link Absolut
Membua tlink ke page web lain yang berada pada website di internet dilakukan dengan menuliskan namaURL dan nama filenya.

<html>
<head>
<title>link</title>
</head>
<body>
<a href="http://www.eksotries.com" >Link ke www.eksotries.com</a>
</body>
</html>


Link ke bagian lain dalam dokumen yang sama
Link jenis ini dipakai jika dokumennya terlalu panjang, sehingga apabila ditampiklkan di browser akan mengharuskan kita melakukan scroll layer berulang-ulang. Untuk memudahkannya, maka dibuat link antar bagian di dalam dokumen HTML.


Membuat Link untuk window baru
Untuk membuat link supaya membuka window baru dapat ditambahkan atribut: target=”_blank”.
<html>
<head>
<title>link new window</title>
</head>
<body>
membuka alamat website eksotries dengan membuka window baru: 
<a href="http://www.eksotries.com" target="_blank">www.eksotries.com</a>
</body>
</html>


Mailto
link untuk menghubungkan kesebuah alamat e-mail.
<html>
<head>
<title>Mailto</title>
</head>
<body>
kirim email ke yahoo : <a href="mailto:aa.hasmiati@yahoo.com">info@yahoo.com </a>
</body>
</html>










0 comments:

Posting Komentar