--> Cara Membuatkan Link di HTML | Blog ILPeEkom

Sunday, January 17, 2016

Cara Membuatkan Link di HTML

| Sunday, January 17, 2016


Pada kesempatan kali ini saya akan memberikan cara membuat link di html, cara ini cukup mudah dan sudah banyak dimengerti oleh banyak orang.
            Cara membuatkan link ini menggunakan simbol <a> yang merupakan singkatan dari achor, lalu diikuti tulisan href dan diakhirri dengan </a>. Bahwa href itu berisikan alamat yang ingin kita tuju. Jika digabungkan menjadi <a href=”....”></a>

            Agar sobat lebih jelas lagi ini saya kasih kodenya. Dan saya akan kasih contohnya.
Buka notepad lalu ketikkan kode dibawah ini, lalu save dengan nama cara.html
<html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Cara membuat Link di Html</title>
</head>
<body>
<p>Belajar Link Html di Blog ILPeEkom</p>
<p>Biodata blog ini bisa anda lihat
<a href="#"> disini </a>
</body>
</html>
            Tampilannya bisa dilihat di gambar dibawah ini


            Kode diatas belum bisa kita link ke alamat yang kita tuju maka anda harus membuat lagi satu kode html yang berisikan penjamaran dari halaman sebelumnya.

Oke kode selanjutnya itu cara menargetkan ke halaman selanjutnya.


Simpan kode dibawah ini dengan nama cara2.html
<html>
<head>
<title>Cara membuat Link di Html</title>
</head>
<body>
<p>Belajar Link Html di Blog ILPeEkom</p>
<p>Biodata blog ini bisa anda lihat
<a href="penjabaran.html"> disini lengkapnya </a>
</body>
</html>

Kode dibawah ini juga dibuat lalu disimpan dengan nama penjabaran.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Cara membuat Link di Html</title>
</head>
<body>
<p>Blog ini dibuat dengan senang hati dan didirikan oleh Atatur Ady Wibowo.<br />
  didalam blog ini banyak sekali pembelajaran-pembelajaran. dan juga masih banyak sekali kekurangan dalam blog ini,<br />
  karena saya masih tahap dalam pembalajaran pembuatan blog yang bagus dan menarik.<br />
</p>
</body>
</html>
            Apabila kita mengklik tulisan disini lengkapnya maka akan tampil halaman tentang biodata blog tersebut.
Bisa dilihat gambar dibawah ini.


Jika kita mengeklik tulisan “disini lengkapnya” maka halamannya akan berubah seperti gambar dibawah ini.




Sekian postingan saya ini semoga bermanfaat. Terima Kasih

Related Posts

No comments:

Post a Comment