Dari sekian banyak tag HTML, Tag <a> atau disebut juga anchor merupakan paling favorit. Knp demikian? Tag inilah yang menghubungkan halaman demi halaman pada web maupun blog yang kita sebut sebagai link. Sebelumnya saya sempat membahas tentang membuat link pada postingan tag body. Pada postingan ini, saya coba mengembangkan pengetahuan anda tentang anchor ini.
Berikut penjelasan tentang anchor ini.
Tag Anchor – ketikweb.blogspot.com
|
|
Kode HTML
|
Fungsi
|
<a href="lokasi tujuan klik">nama
text navigasi</a>
|
Untuk membuat anchor
dengan "nama text navigasi" yang bilamana diklik akan menuju "lokasi tujuan
klik".
|
Seperti biasanya, siapkan notepad anda atau software web design anda (Adobe Dreamweaver CS6), ketikkan perintah berikut:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<title>HTML anchor</title>
</head>
<body>
<a href="ketikweb.blogspot.com">Saya adalah navigasi yang akan menuju ke home blog ketikweb... silahkan klik saya!</a>
<a href="ketikweb.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCROCOhggmq_gNDVIibKTgy0lyykeN7jrKTwkb7qIiHUjeeGmBpfppPUl9y7DLiNu5KDKlewP2hb456PhuZmkH5vJLbtatcNR_R2oc9XOVwf0oecIIcugJnFybTCVaWBTeDCJtIrmT8sg/s1600/ketikweb.gif" /></a>
</body>
</html>
Save file html di atas dengan nama "html anchor". Silahkan buka file html anda melalui browser. Hasilnya kira - kira seperti ini :
Jadi fungsi anchor bukan cuma untuk meng-link-kan text tapi juga image seperti contoh diatas. Apa anda siap berkreasi dengan ilmu baru anda ini? Silahkan kembangkan sesuai keinginan anda dalam blog maupun web anda sendiri.
Sampai jumpa...
as website a html about html belajar css website html belajar pembelajaran bahasa inggris belajar bahasa inggris belajar php belajar mendesain web css to html cara web cara membuat web cara belajar web cara belajar cepat cara belajar code code html contoh css cara mendesain web cara mendesain website designer web design web design web free edit html e-book css ebook css free web html to css how to html. html code for, html code, html for program web pengertian web i web in html kode html membuat web .com membuat web membuat css membuat website gratis make a web mudah metode belajar mendesain web mendesain website situs web syntax html tutorial web the web text to html tutorial css tutorial html tutorial php webmaster web belajar website web site web page website web design web sites web indonesia web gratis web magazine web hosting.
Share ke Google
|
"Sobat suka postingan ini? Silahkan copy link dibawah ini dan paste ke web, blog, atau sosial media sobat yang nantinya akan menghubungkan sobat langsung dengan postingan ini. "
|
Untuk mendapat respon balik dari saya, tuliskan identitas sobat dalam memberi komentar dalam kolom dibawah ini. |
0 comments:
Post a Comment