Belajar HTML Part 7 : Membuat Hyperlink Pada HTML
SCRIPT KIDDIES - Hyperlink atau link berfungsi untuk menghubungkan dokumen satu dengan dokumen yang lain. Tujuan dari hyperlink ini adalah ketika kita klik sebuah teks atau gambar maka kita akan diarahkan ke halaman tertentu. Contohnya kita sering menemui perkataan Klik Disini dan setelah kita diklik kita akan diarahkan ke halaman sesuai dengan yang ditetapkan oleh pembuat hyperlink tersebut.
Hyperlink ditulis dengan tag <a> atau yang kita kenal anchor (Jangkar). tag <a> selalu diikuti dengan atribut href (hypertext reference) inilah yang akan diiskan alamat yang kita tuju ketika teks atau gambar diklik. Berikut contoh penggunaan atribut
<a href="www.script-kiddies22.blogspot.co.id">Klik Disini</a>Ketika kita Klik kata " Klik Disini " maka akan diarahkan ke www.script-kiddies22.blogspot.co.id
JENIS HYPERLINK PADA HTML
Dalam penulisan alamat membuat Hyperlink pada HTML memiliki dua jenis yaitu link absolute dan link alternatif
1. Alamat Absolute yaitu penulisan alamat file yang disertai dengan alamat websitenya. Oke akan saya berikan Contohnya :
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Part 7 : Membuat Hyperlink Pada HTML
</title>
</head>
<body>
ini adalah contoh alamat absolute <a href="http://script-kiddies22.blogspot.co.id/">klik disini</a>
</body>
</html> |
| Alamat Absolute |
2. Alamat Alternatif Merupakan penulisan alamat file yang dimana file tersebut dipanggil dalam satu folder/aplikasi yang sama. Jadi ketika memanggil file tidak perlu menggunakan alamat websitenya. Sebagai contoh kita buat 2 file html dan berikan nama index.html dan belajar2.html
1. index.html
<!DOCTYPE html>
<html>
<head>
<title>belajar memubuat hyperlink</title>
</head>
<body>
Ini adalah contoh alamat alternatif <a href="belajar2.html">klik disini</a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>belajar memubuat hyperlink</title>
</head>
<body>
<b>Maka AKan Masuk Kesini</b>
</body>
</html>
 |
| Halaman index.html |
 |
| Jika kita klik akan diarahkan kesini ( belajar2.html ) |
Jadi kita akan diarahkan ke alamat belajar2.html dimana sudah dibuat sebuah file html. Jika file html atau ektansi yang lain tidak berada dalam satu folder maka kita ketikkan alamat dari folder tersebut, contoh :
Ini adalah contoh alamat alternatif <a href="/home/maestro/Pictures/HTML/Percobaan HTML/untitled folder">klik disini</a>Jadi sampai disini artikel saya jika ada pertanyaan atau yang lain silahkan berikan komentar pada kolom dibawah dan nantikan tutorial HTML dasar lainya. Sekian Terima Kasih
Kunjungi Juga : Tampan Squad
Referensi : Malas Ngoding
TUTORIAL HTML DASAR LAINYA
Belajar HTML : Mengenal Text Editor
Belajar HTML Part 1 : Mengenal HTML
Belajar HTML Part 2 : Mengenal Tag, Element, Atribut & Struktur Dasar HTML
Belajar HTML Part 3 : Mengenal Heading Pada HTML
Belajar HTML Part 4 : Format Text Pada HTML
Belajar HTML Part 5 : Membuat Paragraf Pada HTML
Belajar HTML Part 6 : Membuat Tabel Pada HTML
Belajar HTML Part 7 : Membuat Hyperlink Pada HTML
Belajar HTML Part 8 : Membuat List Pada HTML
Belajar HTML Part 9 : Membuat Format Code dan Pre Pada HTML
Belajar HTML Part 10 : Membuat Form Pada HTML
Belajar HTML Part 11 : Mengenal Atribut Form Pada HTML
Tidak ada komentar :
Posting Komentar