X
    Categories: HTML

Bagaimana cara membuat hyperlink

Ads

Hyperlink atau lebih umum disebut link dan sering juga disebut sebagai ANCHOR TEXT namun sebenarnya ada sedikit perbedaan maksud.
Hyperlink dalam bahasa indonesianya tautan adalah merupakan sebuah pintu bagi user untuk masuk ke dokumen HTML lain atau bagian tertentu dari sebuah dokumen HTML.
Hyperlink bisa diletakkan pada TEXT ataupun sebuah gambar atau image.

Secara default,maksudnya tag “a” belum dipakai sebagai selector untuk dimanipulasi dalam suatu deklarasi CSS  (Baca pseudo CLASS CSS) maka text yang di pakai sebagai hypelink kan memiliki style yang berbeda yaitu warna yang berbeda dengan text lain dan memiliki garis bawah.

Sekarang anda sudah bisa menyimpulkan apa itu ANCHOR TEXT setelah membaca penjelasan diatas.
Benar,ANCHOR TEXT secara umum adalah TEXT yang di buat sebagai  hyperlink,bukan IMAGE atau jenis pemakaian hyperlink lainnya.Caranya dengan menyisipkan tag “a” atau anchor tag dengan atribut name dari dokumen yang dituju.

Contoh penulisan syntax HTML hyperlink pada TEXT;

Jika link merujuk kepada dokumen HTML dalam satu domain name

<a href=”dokumen/”>TEXT </a>

Akan terlihat seperti ini,TEXT

Jika ANCHOR TEXT mengarah ke website lain maka akan dibuat seperti ini;

<a href=”http://alamat situs.com”>text anchor</a>

Demo silahkan diklik, text anchor

Jika menginginkan browser membuka sebuah dokumen HTML pada tab/jendela  baru.

<a href=”http://alamat situs.com” target=”_blank”>text anchor</a>

 Demo silahkan diklik text anchor

Contoh  menyisipkan hyperlink pada gambar/image;

<a href=”dokumen/”><img src=”image/gambar.jpg” /></a>

Contoh jika link mengarah  ke situs lain;

<a href=”http://google.com”><img src=”image/gambar.jpg” /></a>

Demonya silahkan diklik gambar berikut;

Penggunaan hyperlink untuk tujuan yang lain,

Path relatif dan absolut
Yaitu jika tujuan dokumen HTML berada dalam satu domain web,akan tetapi berada di direktori yang lain maka digunakan path name relatif berdasarkan posisi file.Misalnya file HTML tujuan berada 2 tingkat diatasnya maka penulisannya akan seperti ini;

<a href=”../../dokumen-tujuan/”>Dokumen tujuan name</a>

Mailto
Jika kita menginginkan user agar bisa mengirimkan email tertentu,kita bisa melakukannya dengan membuat sebuah hyperlink,contoh syntaxnya;

<a href=”mailto:saya@spiderbeat.com”>Kirim email </a>

Demo silahkan diklik: Kirim email 

Section
Link yang merujuk kepada bagian tertentu dari sebuah halaman web,agar user tidak lelah jika artikel sangat panjang kebawah.

Syntax section;

<a name=”nama_section”></a>

Contoh penuliannya nya;

<a href=”sebuaht_dokumen_html#nama_section”>nama _section</a>

Contoh livenya 

[<a href=”https://www.spiderbeat.com/bagaimana-cara-membuat-hyperlink/#top”>TOP</a>]

Silahkan diklik demonya [TOP]

Edd

Artikel di Update pada Februari 17, 2021 11:59 am

Ads
Ed:
Ads

Website ini menggunakan kukis

Baca selengkapnya
Ads