Bagaimana cara membuat hyperlink

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.html">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.html"><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;
Bagaimana cara membuat  hyperlink

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.html">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="http://www.spiderbeat.com/2012/04/bagaimana-cara-membuat-hyperlink.html#top">TOP</a>]


Silahkan diklik demonya [TOP]


Edd

Category

Acer Adventure Afghanistan Agama Alcatel Amerika Serikat Android AndroMax Anime Anti Virus AntiVirus Aplikasi Apple Arab Saudi Artis Korea AsiaFone Asus ATM Axioo Baju Batik Bank Berita Artis Berita Kontroversi Berita Lokal Berita Panas Berita Terkini Berita Unik Bikin Blog Biologi Bisnis bisnis internet bisnis keuangan Bisnis Online Blackberry Blog Tools Blogger Platform Blogspot Bola Bookmark Boy Band Browser Budidaya Pertanian Bukti Pembayaran Buku Byond CD and DVD Tools Celana Jeans Cepat Hamil Chat Compaq Compression and Backup Cross CSS Databases Dell Design Desktop Developer Tools domain hosting Dompet download gratis Downloader Drama Drivers dunia Editors and Convertors Elektronika Email Entertaiment Entertainment menarik Facebook Fashion Film Flashdisck Forex Trading Foto foto Foto foto lucu Foto foto menarik Futsal Gadget Gadget lainya Gallery Gambar gambar aneh Games Gaya Hidup Habibie Ainun Handphone Hardware Harganya Headline Healthy Helm Herbal Hewan lucu hiburan Hp BB Hp CSL Hp Esia Hp HTC Hp K-Touch Hp Mito HP Motorola HP Nokia HP Samsung Hp Sony Ericson HTC HTML Html Templates Huawei Ide Bisnis IDM Image Editors Imo Indonesia Info Hotel Info Unik Informasi informasi terbaru inspirasi Internasional Internet Investasi IPA iPad iPhone Irak Iran Jam Tangan Joomla Modules Joomla Templates Kacamata Kamera Kamera Digital Kaos Kata-kata Kata-kata Galau Kebaya Kecantikan Kehamilan Kemeja kesehatan Key Aktivator kisah nyata Komputer Kumpulan Nama bayi Islami Kunci Gitar Laptop Lebanon Lenovo LG Lifestyle Lirik lagu Live USB Love Magento Themes Masakan Media Player Media Sync Meizu Merawat Anak Messaging and Chat Misteri Misterius Mito Modem Motivasi Motor Musik Nama Anak News Ponsel Nexian Nexus Nokia Nulled Scripts Obat Office olah raga Olahraga Online Storage Opini Other Templates otomotif Palestina - Israel Payment Proof PC Laptop PC Suite Pendidikan pendidikan anak Pendidikan Seksual Penyakit Peralatan blog Photos and Images PhpFox Themes Mods Plugins Politik PPC Prestashop Themes Property Raffi Ahmad Raket Recording Resep Resep Makanan Resep masakan Review Rokok Rumah Rusia Sajadah Samsung Sejarah Seks selebritis Selimut SEO Sepakbola Sepatu Sex Smartphone SMS Online Social Media social network Software Sony Sport Style Surat Suriah Tablet Tahukah? Teknologi Terbaru Terkini Three Tips Tips bloging Tips Trik toko online Toshiba trik seo trik tips Turki Turki-Suriah Tutorial Tutorial hosting TV TV Online Tweaks Twitter Umum Unik Unik dan Aneh Untaian Kata Utilities valentine VBulletin Themes Video Virtualization Walpaper Wanita Wawancara Web browser Windows Wisata Alam wordpress Wordpress Plugins Wordpress Themes X Factor ZTE