Membuat Link Dengan Menggunakan HTML - Lunyui

Tuesday, October 25, 2016

Membuat Link Dengan Menggunakan HTML

Agar antar halaman dalam suatu website dapat saling dihibungkan, kita dapat menambahkan suatu penghubung/link di halaman tertentu dengan perintah <HREF="..">....</A>. Untuk Membuat Link Dengan Menggunakan HTML dapat dilakukan dengan cara beikut.

<html>
<title> Link </title>
<p> Halaman pertama </p>
<center>
<a href="halaman2.html">ke halaman Dua</A>
</center>
</body>
</html>

Simpan File di atas dengan nama halaman1.HTML. Dengan perintah file Save As.

Kemudian buat file kedua dengan nama halaman2.html seperti berikut.

<html>
<p> halaman kedua</p>
<a href="Halaman1.html">ke Halaman Satu</a><br>
</html>

Jalankan program tersebut menggunakan browser yang anda gunakan.

Membuat Link Menggunakan HTML

Membuat Link Gambar

Untuk membuat hyperlink menggunakan gambar (image), dapat dilakukan dengan cara seperti beikut.

1. Pastikan gambar tersebut berada pada folder yang sama dengan dokumen html anda.
2. Nama dan ekstensi file harus diketahui, misalkan jika sama gambar tersebut adalah googlelogo.png maka penulisanya seperti berikut.

<html>
<a href="http://www.google.com">
<img src="googlelogo.png" border="0" width="147"
height="31"></a>

Simpan file di atas dengan perintah File Save As lalu jalankan.

Img merupakan atribut untuk suatu image (gambar), borderadalah garis yang melindungi sisi image, width dan haight merupakan lebar dan tinggi image.

Menambahkan Title Pada Iink

Untuk menampilkan informasi pada link gambar, dapat dilakukan dengan menambahkan attribute title.

<html>
<a href="http://www.google.com"title="klik gambar untuk membuka google.com">
<img src="googlelogo.png" border="0" width="147" height="31" align="left"></a>



Demikian artikel dari saya untuk teori selanjutnya mengenai HTML anda dapat melihat update terbaru www.selablogger.net. Terimakasih.
Comments


EmoticonEmoticon