Link HTML

A. Pendahuluan

Halo kawan saya disini akan memberitahu Script memasukkan link pada html.

B. Latar Belakang

Disini supaya kalian bisa memasukkan link blog anda atau link yang ada punya.

C. Pembahasan

Salah satu kemampuan yang dimiliki HTML adalah membuat tautan atau Link. Link, atau biasa disebut juga hyperlink, Kegunaan link memang untuk memudahkan proses navigasi, sehingga kita bisa berpindah-pindah dari dan ke bagian-bagian tertentu sebagaimana yang ditujukan oleh link tersebut dengan mudah.

Contoh Scriptnya : <a href=”url”>nama link</a>

Saat Anda mengarahkan mouse ke atas sebuah link, dua hal biasanya akan terjadi:

     Panah panah akan berubah menjadi tangan kecil
     Warna elemen link akan berubah

Secara default, link akan muncul seperti ini (di semua browser):

     Tautan yang belum dikunjungi digarisbawahi dan biru
     Tautan yang dikunjungi digarisbawahi dan berwarna ungu
     Tautan aktif digarisbawahi dan berwarna merah

D. TUTORIAL

<!DOCTYPE html>
<html>
<head>
<style>
a:link {
    color: green;
    background-color: transparent;
    text-decoration: none;
}
a:visited {
    color: aqua;
    background-color: transparent;
    text-decoration: none;
}
a:hover {
    color: red;
    background-color: transparent;
    text-decoration: underline;
}
a:active {
    color: yellow;
    background-color: transparent;
    text-decoration: underline;
}
</style>
</head>
<body>

<p>You can change the default colors of links</p>

<a href="https://yuliansyah1007.blogspot.co.id/" target="_blank">MY BLOG</a>

</body>

</html>

Hasilnya :

E. Kesimpulan

Link relatif adalah tautan yang menghubungkan sebuah halaman web ke halaman web lain dalam satu alamat url. Web kita, misalnya, terdiri dari tiga halaman HTML (Home, About, dan Kontak). Jika kita akan membuat link di halaman “Home” ke halaman “About”, maka kode HTML-nya akan berupa: <a href=”About.html”>About</alu diperhatikan, penulisan alamat halaman web adalah case sensitive. Artinya penulisan huruf kecil dan kapital berpengaruh. Selain itu, perlu diperhatikan pula ekstensi atau format file yang digunakan, misalnya html, php, atau css. Kesalahan dalam penulisan nama dan format file akan berkibat tidak berfungsinya link yang kita buat.

Link absolut adalah tautan yang menghubungkan satu bagian tertentu dalam sebuah halaman web ke bagian tertentu dalam halaman web yang lain. Link semacam ini sering kita jumpai pada blogroll atau program-program afiliasi. Dalam hal ini kita harus menuliskan alamat url-nya secara lengkap dengan “http://”,misalnya<ahref=”http//yuliansyah1007.blogspot.co.id”>MY BLOG</aulisan url yang tidak disertai dengan http://, dapat berdampak tidak berfungsinya link.

Terakhir, link dalam dokumen yang sama . Link jenis ini dibuat terutama untuk dokumen yang panjang, sehingga mengharuskan kita melakukan scrolling berulang-ulang. Biasanya dokumen seperti ini ditemukan pada blog yang menampilkan 5 atau lebih artikel secara lengkap tanpa dipisah-pisah dengan pilihan “Read more…”.