DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Bagaimana cara menampilkan link pada HTML di situs kamu menggunakan tag a dan atribut href
Hal yang menarik dari internet adalah kita semua saling terhubung. Untuk menghubungkan satu halaman ke halaman lain, gunakan tag <a>
Berikut penggunaan tag <a>
<a href='https://sekolahkoding.com/'> Situs Sekolah Koding </a>
See the Pen by Sekolah Koding (@sekolahkoding) on CodePen.
Lihat ada yang baru?
Di atas ada tulisan href
pada tag pembuka. Kita bertemu hal baru yang namanya atribut
.
Atribut adalah bagian pada tag HTML yang berisi informasi tambahan mengenai elemen tersebut. Ada banyak jenis atribut dengan kegunaannya masing-masing.
Normalnya format atribut adalah pasangan katakunci
dan nilai
, yang dituliskan dengan
<nama-tag kataKunci="nilai"> isi </nama-tag>
Atribut href
pada tag <a>
berguna untuk memberitahu ke mana link yang dituju.
Secara otomatis, link akan dibuka di halaman yang sama. Berarti pengguna konten kamu akan berpindah tempat dari halaman yang sekarang. Jika ingin membuka link berikutnya di halaman lain (new tab). Gunakan atribut target="_blank"
pada tag </a>
<a target="_blank" href='https://sekolahkoding.com/'> Situs Sekolah Koding </a>
Hasilnya:
<a>
Tampilan dari tag a
secara otomatis berwarna biru-keunguan ditambah dengan garis bawah untuk membedakannya dengan garis biasa.