Tutorial HTML yang ketiga kali ini kita akan belajar cara membuat link.
Membuat link pada halaman web sangatlah penting karena kita akan menyambungkan 2 halaman yang berbeda.
Kita mulai saja deh,pertama kita buat 2 halaman,kita beri nama halaman 1 = 1.html , dan halaman 2 = 2.html , pastikan kedua file tersebut ada dalam 1 folder.
Di 1.html , di dalam tag body,masukan ini Link ke <a href="2.html">Ayo kita ke 2.html </a>.
Bagaimana ? bisa ? bagus :)
Kita lanjutkan, Bagaimana jika 2.html terletak tidak didalam 1 folder ?
Coba lihat ini
| href="file.html" | file.html terletak didalam 1 direktori atau 1 folder. |
|---|---|
| href="folder/file.html" | file.html terletak didalam 1 folder bernama "folder" dan folder tersebut berada bersama dengan file anda. |
| href="folder/morefolder/file.html" | file.html terletak didalam 1 folder dan folder tersebut berada didalam folder yang bersama dengan file anda. |
| href="../file.html" | file.html berada 1 tingkat dari file anda. |
| href="../../files/file.html | file.html berada lebih dari 1 tingkat dari file anda. |
Kalau di web,anda bisa menggunakan.
Kunjungi selalu <a href="http://www.jaluffy.blogspot.com/">Jaluffy :)</a>
Atau membuat link agar orang lain mengirimkan email ke anda :
Click <a href="mailto:name@domain.com">here</a>untuk email ke saya !
Anda juga bisa membuat anchor (kalau di kamus jangkar,masak saya nulis jangkar :) )
Anchor bertujuan agar orang lain dapat dengan cepat ke suatu tempat dimana halaman web anda berada.
Sebagai contoh jika ingin kembali keatas (bahasa kerennya Back To Top),anda bisa menggunakan script di bawah ini.
<html>Nah,cukup deh,tutorial kali ini,sampai jumpa di tutorial HTML selanjutnya :)
<head>
<title>Anchors</title>
</head>
<body>
<a name="top">
<p>Paragraph 1</p>
<p>Paragraph 2</p>
<p>Paragraph 3</p>
<p>Paragraph 4</p>
<p>Paragraph 5</p>
<p>Paragraph 6</p>
<p>Paragraph 7</p>
<a href="#top">To top</a>
</body>
</html>
0 comments:
Post a Comment