Setelah anda mengetahui dasar membuat web dengan HTML, sekarang saya akan memberikan cara bagaimana supaya web anda bisa "nge-link" ke halaman internal atau external.
Oya kode2 ini harus ditulis di antara tag <body></body>
Tag untuk membuat link adalah:
-----------------mulai kode html----------------------
<a href="1">2</a>
-----------------akhir kode html----------------------
dimana 1 adalah link yang anda tuju, bisa berupa halaman web internal, atau halaman web lain (selanjutnya disebut URL). dan dimana 2 adalah kalimat yang ditampilkan di halaman web.
Misal anda telah membuat halaman Kontak Kami pada dengan nama file: kontak.html dan anda ingin membuat link ke halaman tersebut, cara membuat linknya adalah:
-----------------mulai kode html----------------------
<a href="kontak.html">Kontak Kami</a>
-----------------akhir kode html----------------------
Nah, kalau anda ingin ngelink ke website lain gimana? kodenya sama hanya URL nya saja yang beda. Contoh anda ingin ngelink ke Google.
-----------------mulai kode html----------------------
<a href="http://www.google.com">Kontak Kami</a>
-----------------akhir kode html----------------------
udah ngerti?
Untuk latihan coba buat file html lain pada folder latihan anda tadi.
-----------------mulai kode html----------------------
<html>
<head><title>Halaman Kedua</title></head>
<body>Ini isi halaman kedua</body>
</html>
-----------------akhir kode html----------------------
save dengan nama: halaman-dua.html pada folder latihan anda.
Lalu edit file index.html anda
-----------------mulai kode html---------------------
<html>
<head>
<title>Judul Website Anda</title>
</head>
<body>
Isi dari website anda
<a href="halaman-dua.html">Ke Halaman Dua</a>
</body>
</html>
-----------------akhir kode html----------------------
save kembali file index.html anda.
Buka file index.html anda. Klik link 'Ke Halaman Dua' dan secara otomatis anda akan berpindah ke web page anda yang kedua (halaman-dua.html).
Bagaimana kalau file yang mau dilink bukan satu folder. Misal di folder latihan anda, dibuat lagi satu folder dengan nama 'config'. Lalu didalam folder tersebut ada file halaman-tiga.html (bisa kan buat file halaman-tiga.html nya?). Lalu anda ingin membuat link dari index.html ke halaman-tiga.html.
Tambahkan kodenya pada index.html seperti ini:
-----------------mulai kode html----------------------
<a href="config/halaman-tiga.html">Halaman Tiga</a>
-----------------akhir kode html----------------------
Jadi anda sekarang sudah punya tiga file HTML yaitu, index.html; halaman-dua.html; halaman-tiga.html; dimana halaman-tiga.html berada pada folder 'config'.
Jadi bentuk file index.html menjadi:
-----------------mulai kode html---------------------
<html>
<head>
<title>Judul Website Anda</title>
</head>
<body>
Isi dari website anda
<a href="halaman-dua.html">Ke Halaman Dua</a>
<a href="config/halaman-tiga.html">Ke Halaman Tiga</a>
</body>
</html>
-----------------akhir kode html----------------------
sedangkan file halaman-dua.html; dan halaman-tiga.html; isinya biasa saja
Pada artikel selanjutnya Insya Allah, saya akan kasih tau bagaimana cara bikin heading, paragraf, garis horisontal, line break.
Kamis, 08 April 2010
Langganan:
Posting Komentar (Atom)
Penjelasannya sangat bagus,tk gan,ini bermanfaat buat saya
BalasHapusmantap gan
BalasHapus