Lebak Cyber Kursus Pemrograman Gratis
Cara Membuat Link Di HTML 5
lebakcyber.net – Pada kesempatan kali ini mengenai tutorial html kita akan coba mempelajari tentang bagaimana cara membuat link di html 5.
Cara untuk membuat link adalah dengan memanfaatkan tag <a> yang merupakan singkatan dari anchor. Setiap tag <a> harus memiliki atribut href. Yang mana href merupakan alamat dari link yang dituju.
Contoh Membuat Link Di HTML.
<Doctype! HTML> <html> <head> <title>lebakcyber.net</title> </head> <body> <h2>Contoh Membuat Link Di HTML 5 Lebakcyber.net</h2> Dibawah ini adalah link yang akan menuju ke website lebakcyber.net <a href="http://www.lebakcyber.net">lebakcyber.net</a> </body> </html>
Simpan file html tersebut dengan nama MembuatLink.html terus buka file htmlnya agar tampil di browser, nanti tampilannya kurang lebih seperti berikut :
Saat link diklik, maka halaman web akan menuju ke website lebakcyber.net, namun sekarang bagaimana jika kita ingin membuat link yang pada saat diklik akan membuka halaman baru bukannya malah merefresh halaman yang sudah ada.
Untuk melakukan hal tersebut, kita perlu menambahkan atribut target pada tag <a>, jadi pada atribut target tersebut penulisannya adalah target=”_blank”.
Contoh Membuat Link Dengan Atribut target
[html] <Doctype! HTML> <html> <head> <title>lebakcyber.net</title> </head> <body> <h2>Contoh Membuat Link Di HTML</h2> Dibawah ini adalah link yang akan menuju ke website lebakcyber.net Dengan membuat halaman baru <a href="http://www.lebakcyber.net" target="_blank">lebakcyber.net</a> </body> </html>
Seperti itulah bagaimana cara membuat link di HTML 5. Semoga tutorial mengenai HTML 5 ini dapat bermanfaat bagi kamu yang sedang mempelajari HTML 5.
Jangan lupa untuk selalu berkunjung ke lebakcyber.net untuk mendapatkan tutorial belajar HTML 5 lainnya dan juga tutorial tutorial mengenai programming dan database. Sampai jumpa di tutorial selanjutnya.
