Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

FORMAT LINK HTML Rizki Ramdani, S.T.

Presentasi serupa


Presentasi berjudul: "FORMAT LINK HTML Rizki Ramdani, S.T."— Transcript presentasi:

1 FORMAT LINK HTML Rizki Ramdani, S.T

2 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.

3 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=" Ramdani</a></p> </body> </html>

4 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=” target=”_blank”>Rizki Ramdani</a> dan akan terbuka pada tab baru</p> </body> </html>

5 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=" src="yahoo.gif" border="0“ width="147”height="31"></a> Hasilnya

6 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=" style="text-decoration: none">Website Musik</a>


Download ppt "FORMAT LINK HTML Rizki Ramdani, S.T."

Presentasi serupa


Iklan oleh Google