Ticker

6/recent/ticker-posts

Header Ads Widget

Penggunaan tag anchor <a> untuk Membuat link pada Html

Assalamualaikum Warahmatullahi Wabarakatu
Bismillahirrahmanirrahiim

Perintah anchor <a> yang merupakan singkatan cari anchor (jangkar) digunakan untuk membuat suatu link. Untuk membuat link ke dokumen html lain digunakan perintah <a href = "nama_dokumen"> Teks pada browser </a> (href adalah singkatan dari hypertext reference).


Sobat juga bisa membuat link dalam sebuah dokumen html. Untuk itu perlu dipersiapkan nama anchor
lokasi tujuan dari link tersebut. Nama anchor dibuat dengan menambahkan atribut name pada tag<a>. Misalnya <a name = "php"></a>. Cara melakukan link ke bagian tersebut ^adalah <a href = "nama_dokumen">teks pada browser</a>, untuk lebih jelasnya ketiklah kode dibawah ini simpan dengan nama link.html.

<!DOCTYPE html>
<html>
<head>
<title>Aguzrybudy.com | Link Html </title>
</head>
<body>
<a name="lengkap">Bahasa Pemrograman</a>
<blockquote>
<p>PHP</p>
<p>Javascript</p>
<p>Python</p>
<p>Java</p>
<p>Ruby</p>
</blockquote>
<p><a href="link_tujuan.html">untuk lebih lengkapnya klik disini</a></p>
<p><a href="http://aguzrybudy.com">Link Ke Tab Baru</a></p>
<p><a href="http://aguzrybudy.com">Link Absolute</a></p>
<p><a href="link_tujuan.html">Link Relative</a></p>
</body>
</html>

setelah mengetik kode diatas, ketik lagi kode dibawah ini sebagai link tujuan, simpan dengan nama lingk_tujuan.html

<!DOCTYPE html>
<html>
<head>
<title>Aguzrybudy.com | Link Html </title> 
</head>
<body>
<p align="center"> Maaf, <br>tidak ada <br>data lengkap <br><a href="link.html">kembali</a>
</body>
</html>

jika sudah diketik kemudian eksekusi lewat browser , maka hasilnya akan terlihat seperti gambar dibawah ini.



kemudian klik anchor "untuk lebih lengkapnya klik disini", hasilnya akan terlihat seperti gambar dibawah ini.


Alamat Link Absolute dan Alamat Link Relatif pada Html
Pada contoh dibawah ini kita menuliskan alamat link secara lengkap dengan bagian “http://www.”. Penulisan seperti ini disebut juga dengan external link, yang berarti kita membuat link ke alamat lain di internet, atau lebih dikenal dengan: alamat absolut.

<!DOCTYPE html>
<html>
<head>
<title>Aguzrybudy.com | Link Html </title> 
</head>
<body>
<h1>Belajar Tag Link</h1>
<p>Saya sedang belajar HTML dari 
<a href="http://www.aguzrybudy.com">Aguzrybudy.com</a></p>
</body>
</html>

Alamat absolut adalah penulisan alamat file dengan menyertakan nama website, seperti: href=”http://www.aguzrybudy.com/search/label/Html”, atau href=”http://www.w3school.com”.

Namun jika kita ingin membuat link di dalam situs yang sama, maka tidak perlu menyebutkan alamat lengkap tersebut. Tetapi cukup mencantumkan alamat file yang dituju relatif kepada file saat ini. Jenis alamat ini disebut alamat relatif.

Membuka Link Di TAB baru
Agar link bisa membuka halaman tujuan di tab yang baru maka kita perlu menambahkan attribut _blank pada tag <a target="_blank">, perhatikan contoh dibawah ini

<!DOCTYPE html>
<html>
<head>
<title>Aguzrybudy.com | Link Html </title> 
</head>
<body>
<h1>Belajar Tag Link</h1>
<p>Saya sedang belajar HTML dari 
<a href="http://www.aguzrybudy.com" target="_blank">Aguzrybudy.com</a></p>
</body>
</html>

Penjelasan dari contoh diatas jika sobat kllik Aguzrybudy.com, maka website aguzrybudy.com akan terbuka di tab yang baru.

Sampai disini dulu tutorial dari saya , Semoga tutorial ini bermanfaat bagi sobat, atas segala kekuranganya mohon dimaafkan dan di beri saran untuk melihat demo silahkan klik link dibawah ini.

Post a Comment

1 Comments

  1. Penggunaan Tag Anchor A Untuk Membuat Link Pada Html >>>>> Download Now

    >>>>> Download Full

    Penggunaan Tag Anchor A Untuk Membuat Link Pada Html >>>>> Download LINK

    >>>>> Download Now

    Penggunaan Tag Anchor A Untuk Membuat Link Pada Html >>>>> Download Full

    >>>>> Download LINK Fl

    ReplyDelete

Berkomentarlah dengan baik dan sopan

Rekomendasi Untuk Anda × +