Cara Membuat Link/Hyperlink di file HTML

Siap..... Kali ini balik lagi sama gw di beritainternet1.blospot dan kali ini saya akan membagikan cara membuat link di file HTML. Oke langsung aja ke tutorial nya.



Sebelumnya bagi yang belum tau apa itu hyperlink, Hyperlink adalah dokumen HTML yang mempunyai kemampuan untuk memberikan link atau suatu teks dan atau gambar menuju dokumen. Browser web akan menyorot teks atau gambar yang diidentifikasikan sebagai link dengan warna dan atau garis bawah untuk menunjukan bahwa itu adalah hyperteks link.

HTML menggunakan tag <a> yang disebut sebagai tag anchor untuk membuat suatu link kepada dokumen lain.

Contoh :
<html>
<head>
<title>Membuat Link/Hyperlink</title>
</head>
<body>
<a href="https://beritainternet.blogspot.com">Link ke berita internet1.blogspot</a>
</body>
</html>

Hasil :


Membuat Link untuk ke window baru atau tab baru
untuk membuat link supaya membuka window baru dapat ditambahkan atribut: target="_blank"

Contoh :
<html>
<head>
<title>Membuat Link/Hyperlink</title>
</head>
<body>
<a href="https://beritainternet1.blogspot.com" target="_blank">Link ke berita internet1.blogspot dengan tab baru</a>
</body>
</html>


Mailtro
Berikut ini adalah contoh link untuk menghubungkan ke sebuah alamat email anda.

Contoh :
<html>
<head>
<title>Membuat Link/Hyperlink</title>
</head>
<body>
Kirim kritik anda ke <a href="https://beritainternet1.blogspot.com" target="_blank">Link ke berita internet1.blogspot dengan tab baru</a>
</body>
</html>

Hasil :
Image Hyperlink
Hyperlink dengan gambar, jika gambar di klik akan mengarah ke alamat yang di tuju 

Contoh :
<html>
<head>
<title>Membuat Link/Hyperlink</title>
</head>
<body>
</body>
</html>

Hasil :
Baik sampai disini dulu untuk tutorial cara Membuat Hyperlink/Link pada file HTML. Untuk postingan selanjutnya ialah List Item for HTML, Thanks. Don't forgot to subcribe berita internet1
Cara Membuat Link/Hyperlink di file HTML Cara Membuat Link/Hyperlink di file HTML Reviewed by anim _ers on July 28, 2018 Rating: 5

No comments:

Sponsored

loading...
Powered by Blogger.