Logo Komodo Koding /Koding

Membuat link HTML

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 sample P and h1 tag 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.

Apa itu atribut (attribute)?

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

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:

Tampilan dasar tag <a>

Tampilan dari tag a secara otomatis berwarna biru-keunguan ditambah dengan garis bawah untuk membedakannya dengan garis biasa.

😲 Info sampingan

Bukan hanya tulisan, kamu bisa membuat elemen HTML lain seperti gambar atau video menjadi link.