HTML Dasar | #5 Link Dan Navigasi

Link dan Navigasi

Tag <a> untuk Membuat Hyperlink

Tag <a> digunakan untuk membuat hyperlink, yang memungkinkan pengguna untuk berpindah dari satu halaman ke halaman lain. Anda dapat menggunakan atribut href untuk menentukan URL tujuan dari hyperlink tersebut.

Contoh Penggunaan Tag <a>:

<a href="https://www.example.com">Kunjungi Contoh Website</a>

        

Di atas, teks "Kunjungi Contoh Website" akan menjadi hyperlink yang mengarah ke https://www.example.com.

Navigasi dengan Daftar Terurut dan Tidak Terurut (<ul>, <ol>, <li>)

HTML memungkinkan Anda untuk membuat daftar untuk navigasi. Anda dapat menggunakan daftar terurut (ordered list) dengan tag <ol> atau daftar tidak terurut (unordered list) dengan tag <ul>. Setiap item dalam daftar ditambahkan menggunakan tag <li>.

Contoh Daftar Tidak Terurut:

<ul>
    <li><a href="#link1">Link 1</a></li>
    <li><a href="#link2">Link 2</a></li>
    <li><a href="#link3">Link 3</a></li>
</ul>

        

Contoh Daftar Terurut:

<ol>
    <li><a href="#link1">Link 1</a></li>
    <li><a href="#link2">Link 2</a></li>
    <li><a href="#link3">Link 3</a></li>
</ol>

        

Dengan menggunakan daftar terurut dan tidak terurut, Anda dapat membuat navigasi yang lebih terstruktur dan mudah diikuti oleh pengunjung situs web Anda.