Baca juga: Cara Mudah Membuat Tabel Menggunakan Skrip HTML
Yang saya maksud dengan link tautan yaitu link yang menautkan atau menghubungkan suatu link halaman ke halaman yang lainnya. Link tautan bisa berupa text maupun gambar.
Berikut ini tag HTML yang dapat digunakan untuk membuat link tautan tersebut.
<a> : Mendefinisikan anchor atau dapat diartikan sebagai tautan yang menautkan satu dokumen HTML dengan dokumen HTML lainnya.
Dan di bawah ini cara penggunaannya dalam skrip HTML.
<a href=”Nama file HTML.html”>……….</a>
Selanjutnya silahkan teman-teman ikuti langkah-langkah di bawah ini.
Langkah-langkah:
Dalam tutorial kali ini kita akan menggunakan dua dokumen HTML, dimana nantinya kedua dokumen HTML tersebut akan saling menautkan.
Kita mulai dengan membuat halaman HTML yang pertama. Buka program Notepad dan masukkan skrip HTML di bawah ini.
<html>
<head><title>Halaman1</title></head>
<body>
<a href="Halaman2.html">Selanjutnya</a>
</body>
</html>
Kemudian Save skrip HTML di atas dengan nama Halaman1.html, ubah Save as Type menjadi All Files.
Setelah selesai kita buat halaman HTML yang kedua. Copas saja skrip HTML di bawah ini.
<html>
<head><title>Halaman2</title></head>
<body>
<a href="Halaman1.html">Sebelumnya</a>
</body>
</html>
Simpan skrip di atas dengan nama Halaman2.html Save as Type All Files. Taruh kedua file HTML tersebut ke dalam satu folder yang sama dan kemudian cek hasilnya.
Skrip di atas merupakan cara dasar untuk membuat dua halaman yang saling bertautan. Agar tampilan lebih menarik teman-teman dapat menambahkan beberapa tag atribut HTML atau menggunakan gambar atau bukan text sebagai link tautannya.
Jika menggunakan gambar sebagai link tautan skrip HTML nya seperti di bawah ini.
<a href="Nama file HTML.html"><img src="Nama file gambar.format gambar"></a>
Di bawah ini merupakan contoh skrip HTML cara membuat link tautan dengan penambahan beberapa atribut dan tag HTML.
<html>
<head><title>Home</title></head>
<body>
<p align="right"><a href="Halaman1.html" target="_blank"><font style="Arial" Size="5px">Sebelumnya</font></a></p>
<a href="Halaman2.html" target="_blank"><img src="Gmb.png" width="80px"></a>
<p align="center"><a href="Halaman3.html" target="_blank"><button>Masuk</button></a></p>
</body>
</html>
Sekian artikel dari saya dan semoga bermanfaat bagi teman-teman semua. Kunjungi terus LensaDunia25.blogspot.com untuk belajar HTML atau untuk mendapatkan tutorial menarik lainnya.
0 komentar:
Post a Comment