Membuat Link pada HTML - Ngaji Coding

Breaking

Home Top Ad

Responsive Ads Here

Post Top Ad

Responsive Ads Here

Selasa, 22 September 2015

Membuat Link pada HTML

Sampai berjumpa lagi di blog saya yang masih baru ini, kali ini saya akan membahas lanjutan tentang HTML dimana saat ini kita akan belajar tentang how to / bagaimana membuat sebuh link pada HTML. Ok, saya asumsikan Anda semua telah mengerti tentang apa itu link ? Tapi mungkin ada beberapa dari Anda yang baru belajar HTML [sama seperti saya] dan masih belum begitu mengerti apa itu link. Dalam keseharian kita, sebenarnya link sudah tidak asing lagi bagi kita. Contoh kecilnya aja, ketika kita bermain facebook. Di Timeline kita muncul status dari teman-teman kita dan kita bisa melihat status dari si A. Misal saya klik nama si A dan kita tertuju pada profil si A. Nah itu yang dinamankan link, kita klik nama si A berarti secara langsung kita meng-klik link untuk menuju profil si A. Jadi kalau didefinisikan link berarti sebuah kata atau gambar yang apabila diklik akan menuju halaman yang dituju yang dibuat oleh pembuat link.

Sampai disitu dulu pengertian link, ga usah ribet2. Setelah memahami penegrtian dari link, kita akan mengetahui tentang pembagian jenis link. Jadi link itu terbagi menjadi 2 jenis, yaitu link internal dan link eksternal. Apa itu link internal dan apa itu link eksternal?. Link internal adalah link yang mengarah pada alamat URL yang sama pada suatu blog. Sementara link eksternal adalah link yang mengarah pada alamat URL blog orang lain. Jadi perbedaanya hanya terletak pada pemasanganya aja. Ok, sekarang kita akan masuk atau akan belajar bagaimana cara membuat link pada HTML [membuat link pada website] . Setelah kemarin kita belajar bagaimana cara membuat bold,italic,underline pada HTML dan di awal sudah mempelajari apa itu HTML, sekarang langsung aja kita ke TKP. Seperti biasa aja gan, siapkan peralatan tempur buat HTML berupa text editor dan juga satu browser [saya pakai sublime text dan google chrome].

Sekarang buka text editor Anda, oh iya sebelumnya saya kenalkan dulu bahwa perintah untuk membuat link pada HTML  adalah <a href="URL"> Teks Anda </a>. dan jika ditinjau dari URL-nya, link dibagi menjadi 2 yaitu :

Link untuk web, URL = www.namasitus.com
Link untuk email, URL = mailto:nama@tujuan.com

OK, sekarang coba ketikkan kode berikut atau boleh kopi paste [maksudnya silahkan sambil serutup kopi Anda] :

<html>
<head><title> Belajar Link </title>
</head>
<hr>
<body> Hari ini saya belajar membuat link, saya akan klik <a href=link1.html>halaman ini</a>
<br>
Udah gitu aja dulu ya hehe </body>

</html>

Simpan dengan nama link.html lalu coba buka di browser Anda. kalu berhasil hasilnya seperti ini


Nah yang berwarna biru itulah link kita yang akan menuju halaman link1.html. Akan tetapi karena di sini kita belum membuat halaman link1.html, jadi kalau halaman tersebut link nya di klik maka akan muncul pesan not found. Ok agar halaman link1.html bisa ditampilkan maka kita buat dulu halamanya, ketikkan kode berikut :

<html>
<head><title>tujuan link</title>
</head>

<body> Ini hasilnya kalau di klik akan menuju ke sini </body>
</html>

Simpan dengan nama link1.html [ingat nama link yang diketikkan harus sama dengan nama halaman tujuan yang dibuat]. Kalau berhasil maka akan tampil seperti ini :


Ok, itu baru membuat link text artinya kita membuat link dalam bentuk kata. Masih ada lagi cara membuat link menggunakan gambar. Bagaimana caranya? Kita akan bahas pada postingan selanjutnya.

Baik pemirsah sekalian semoga apa yang saya coret dalam blog ini ada manfaatnya. Sekian dari saya sampai berjumpa pada postingan berikutnya. ~Tetap semangat dan jangan putus asa~






Post Bottom Ad

Responsive Ads Here

Pages