01004 Anchor Tag

Oke, jadi 'a' itu kependekan dari 'Anchor' alias jangkar. Nah, tag <a></a> ini gunanya buat bikin tautan atau link ke tempat lain. Tapi inget, contoh yang ini

<a>Ini link</a>

agak unik, dia gak ngarah ke mana-mana. Kenapa? Soalnya setiap tag <a> itu wajib punya tujuan, alias kemana link ini bakal ngebawa kamu kalo diklik. Nanti kita bakal bahas lebih lanjut soal ini di bagian 'Attributes'. Biar gampang, nih contohnya: <a href="https://qodr.id">Website Qodr</a>. Kalo yang ini beneran bisa kamu klik dan bakal ngarah ke situs Qodr.

ke section di halaman yang sama

Nah, kalo kamu mau bikin link ke halaman yang sama, kamu bisa pake atribut 'href' doang tanpa domainnya. Misalnya, kalo kamu mau bikin link ke halaman yang sama, kamu bisa tulis gini:

<a href="#heading-1">Ke heading 1</a>
 
<h1 id="heading-1">Heading 1</h1>

Nanti kalo kamu klik, dia bakal langsung scroll ke heading yang punya id 'heading-1'. kita belum bahas soal id ini, tapi tenang, nanti kita bahas di bagian 'Attributes' lainnya.

klik, buka tab baru

adapun jika ingin ketika link itu di klik dan membuka di tab baru, maka tambahkan atribut target="_blank" pada tag a tersebut.

<a href="https://qodr.id" target="_blank">Website Qodr</a>

contoh final

<!doctype html>
<html lang="en">
  <head>
    <title>contoh link</title>
  </head>
  <body>
    <a href="https://qodr.id">Website Qodr</a>
    <a href="#heading-1">Ke heading 1</a>
 
    <h1 id="heading-1">Heading 1</h1>
    <a target="_blank" href="https://google.com">google tapi buka tab baru</a>
  </body>
</html>

01.3. HTML - Headings 01.5. HTML - <p> & <img/>