Kepanjangan dari huruf "H" dan "T" dalam "HTML" adalah HyperText yang pada dasarnya berarti sebuah teks atau dokumen yang saling terhubung dengan teks atau dokumen lainnya.
Tag <a> atau anchor digunakan untuk mendefinisikan atau menunjukkan sebuah tautan atau link. Untuk membuat anchor tersebut dapat bekerja sesuai dengan semestinya, kita harus menambahkan tujuan dari anchor tersebut. Tujuan dimana tautan atau link tersebut akan dibawa.
Sekarang kita akan coba mempraktekkan memasang link dalam halaman web yang telah kita buat sebelumnya. Tambahkan beberapa baris kode berikut ke dalam "webpertama.html".
<!DOCTYPE html>
<html>
<head>
<title>Web Pertamaku</title>
</head>
<body>
<h1>Halaman web pertamaku</h1>
<h2>Latihanku</h2>
<p>Menarik bukan...</p>
<h3>Kenapa ?</h3>
<p>Karena aku ingin bisa.</p>
<h3>Disini banyak tutorial HTML</h3>
<p><a href="http://rahasia-para-master.blogspot.com">TRIK RAHASIA PARA MASTER WEB</a></p>
</body>
</html>
<html>
<head>
<title>Web Pertamaku</title>
</head>
<body>
<h1>Halaman web pertamaku</h1>
<h2>Latihanku</h2>
<p>Menarik bukan...</p>
<h3>Kenapa ?</h3>
<p>Karena aku ingin bisa.</p>
<h3>Disini banyak tutorial HTML</h3>
<p><a href="http://rahasia-para-master.blogspot.com">TRIK RAHASIA PARA MASTER WEB</a></p>
</body>
</html>
Tujuan dari link tersebut didefinisikan dalam atribut href dari tag <a>. Link tersebut bisa mutlak, seperti "http://rahasia-para-master.blogspot.com", atau dapat menjadi relatif ke halaman itu sendiri.
Sebagai contoh, apabila kita memiliki sebuah file HTML dengan nama "webkedua.html" yang berada dalam satu direktori/folder yang sama, maka kita bisa menuliskan kode link seperti <a href="webkedua.html">Inilah web keduaku</a>. Sebuah link tidak harus bertautan dengan file HTML lainnya namun bisa bertautan dengan file apapun dalam sebuah web seperti file gambar, musik, video dan sebagainya.
Sebuah link dapat membawa user/pengunjung web ke bagian lain dalam satu halaman web yang sama. Kita bisa menambahkan atribut id ke dalam tag apapun yang kita inginkan. Sebagai contoh, <h2 id="penjelasan">Penjelasan Link</h2> kemudian kita buat link yang terhubung dengan tag <h2> seperti berikut <a href="#penjelasan">Menuju ke penjelasan link</a>. Dengan demikian, apabila kita/user mengeklik tautan/link tadi maka secara otomatis jendela browser akan ter-scroll/tergulung menuju elemen yang mengandung ID penjelasan yaitu elemen h2 tadi.
***
Daftar Tutorial HTML:
Tidak ada komentar:
Posting Komentar