FORMAT LINK HTML Rizki Ramdani, S.T
FORMAT LINK HTML Link merupakan suatu gambar atau teks yang terkait dengan suatu alamat tertentu. Jika Link diklik maka dokumen HTML akan menuju ke alamat tersebut. Ditandai dengan Anchor ( jangkar ), yaitu tag <a>. Tag <a> mempunyai atribut, yaitu : 1. href Attribute href berfungsi sebagai hypertext reference yang mempunyai nilai URI (uniform resource identifier) yang akan menghubungkan ke eksternal halaman web. 2. target Attribute target berfungsi untuk menampilkan halaman web pada suatu jendela frame atau jendela baru.
Penggunaan link <a> <html> <head> <title>Penggunaan Tag Link </title> </head> <body> <h1>Belajar Tag Link</h1> <p>Saya sedang belajar HTML dari <a href="https://rizkiramdani.wordpress.com/">Rizki Ramdani</a></p> </body> </html>
Penggunaan link <a> dengan atribut target <html> <head> <title>Penggunaan Tag Link </title> </head> <body> <h1>Belajar Tag Link</h1> <p>Saya sedang belajar html dari <a href=”https://rizkiramdani.wordpress.com" target=”_blank”>Rizki Ramdani</a> dan akan terbuka pada tab baru</p> </body> </html>
Link dengan menggunakan gambar Untuk membuat hyperlink dengan menggunakan gambar ( image ). Pastikan gambar tersebut berada pada folder yang sama dengan dokumen html anda dan harus tahu nama dan ektensinya, kemudian ganti ke atribut yang bertuliskan scr, misalkan jika nama gambar tersebut adalah yahoo.gif, maka : <a href="http://www.yahoo.com"><img src="yahoo.gif" border="0“ width="147”height="31"></a> Hasilnya
Cara menghilangkan garis bawah pada link Untuk menghilangkan garis bawah pada link kita biasa menambahkan attribute style dengan nilai “text-decoration:none” Misalnya : <a href="http://www.mp3.com/"target="_blank" style="text-decoration: none">Website Musik</a>