Belajar HTML : membuat link untuk menghubungkan halaman web
Asalamualaikum warahmatullahi wabarakatuh
Untuk artikel kali ini saya akan memberikan pengalaman
belajar saya tentang Belajar HTML :
membuat link untuk menghubungkan halaman web. Seperti yang sebelumnya di
sebutkan tag ini berfungsi untuk menghubungkan antara halaman web dengan web
yang lainnya, kita bisa lihat contohnya di bawah ini :
<!DOCTYPE html>
<html>
<body>
<h2>Contoh HTML link</h2>
<p><a href=”https://www.belajarmudahdisiniyu.blogspot.com”>Kunjungi
web ini</a></p>
</body>
</html>
Jadi kita bisa gunakan tag a kemudian di tambah href setelah
ini kita kasih link web yang ingin kita tuju.
Kemudian selanjutnya adalah tag local link, tag ini kita
bisa gunakan untuk pindah dari web kita ke web halaman lain web kita, kita bisa
lihat contohnya di bawah ini :
<!DOCTYPE html>
<html>
<body>
<h2>Contoh HTML Local link</h2>
<p><a href=”https://belajarmudahdisiniyu.blogspot.com/2020/01/html-style-css-tag-beserta-fungsinya.html”>Kunjungi
web ini</a></p>
</body>
</html>
Nah kurang lebih seperti itu.
HTML Links – target attribute
Dengan target kita bisa menentukan bagaimana cara membuka link
apakah dengan membukan halaman baru atau dengan tetap di halaman tersebut,
disini adalah beberapa target yang bisa kita gunakan beserta fungsinya
Atribut _blank
dengan atribut ini, web yang kita
jadikan link akan tampil di halaman berbeda apabila kita klik
Contoh penggunaannya
<!DOCTYPE html>
<html>
<body>
<h2>Contoh HTML Local link</h2>
<p><a href=”https://belajarmudahdisiniyu.blogspot.com/2020/01/html-style-css-tag-beserta-fungsinya.html”
target=”_blank”>Kunjungi web ini</a></p>
</body>
</html>
Kemudian adalah top, kita bisa gunakan ini apabila kita
ingin web yang kita tuju membuka di halaman yang sedang kita buka contoh penggunaannya seperti di bawah ini:
<html>
<body>
<h2>Contoh HTML Local link</h2>
<p><a href=”https://belajarmudahdisiniyu.blogspot.com/2020/01/html-style-css-tag-beserta-fungsinya.html”
target=”_top”>Kunjungi web ini</a></p>
</body>
</html>
Kemudian adalah Link Gambar
Link ini berfungsi untuk menampilkan gambar, kita bisa lihat
contohnya di bawah ini :
<!DOCTYPE html>
<html>
<body>
<h2>Contoh HTML Local link</h2>
<img src=”smiley.gif” alt=”HTML tutorial”
style=”width:42px;height:42px;border:0”>
</html>
Kemudian adalah Link Titles
Link title ini berfungsi untuk memberi tahu kemana tujuan
link tersebut, apabila kita mendekatkan kursor ke link tersebut maka akan
muncul nama tujuannya, contoh penggunaanya seperti di bawah ini
<!DOCTYPE html>
<html>
<body>
<h2>Contoh HTML Link Titles</h2>
</body>
</html>
Mungkin itu yang bisa saya sampaikan, mohon maaf apabila
masih banyak kekurangan dalam mengolah kata, semoga bermanfaat apa yang sampaikan.
Wasalamualaikum warahmatullahi wabarakatuh
#Belajar HTML : membuat link untuk menghubungkan halaman web
#Belajar HTML : membuat link untuk menghubungkan halaman web
#Belajar HTML : membuat link untuk menghubungkan halaman web
#Belajar HTML : membuat link untuk menghubungkan halaman web
#Belajar HTML : membuat link untuk menghubungkan halaman web
#Belajar HTML : membuat link untuk menghubungkan halaman web
#Belajar HTML : membuat link untuk menghubungkan halaman web
#Belajar HTML : membuat link untuk menghubungkan halaman web
0 Response to "Belajar HTML : membuat link untuk menghubungkan halaman web"
Post a Comment