HTML Link dan Lists

Penjelasan tentang link dan lists pada HTML.

HTML Link (Tautan)

HTML link atau tautan adalah elemen di HTML yang digunakan untuk menghubungkan satu halaman dengan halaman lainnya. Misalnya, dari halaman utama ke halaman profil, atau dari websitemu ke Google. Biasanya, link ini terlihat seperti teks biru yang bisa diklik.

Contohnya seperti ini: “Klik di sini untuk membuka Google.”

Link dibuat menggunakan tag (anchor <a>), dan di dalamnya kita menulis alamat tujuan di atribut href.

Penjelasan Atribut Link:

• href: Alamat tujuan tautan.
• target="_blank": Buka link di tab baru.

Contoh penggunaan link:

<a href="https://www.google.com" target="_blank">Klik di sini untuk membuka Google</a>

List (Daftar) dalam HTML

List digunakan untuk menyusun informasi dalam bentuk poin-poin atau urutan.

Unordered List (<ul>) – daftar tak berurutan (pakai bullet)

Digunakan untuk item-item yang tidak memerlukan urutan tertentu. Setiap item daftar ditandai dengan simbol seperti bullet point.

Contoh :

<ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>

Hasilnya akan terlihat seperti ini:

• HTML
• CSS
• JavaScript

Ordered List (<ol>) – daftar berurutan (pakai angka)

Digunakan untuk item-item yang memiliki urutan penting, seperti langkah-langkah atau peringkat. Setiap item daftar ditandai dengan angka atau huruf secara otomatis.

Contoh:

<ol>
    <li>Masuk akun</li>
    <li>Buka profil</li>
    <li>Edit data</li>
</ol>

Hasilnya akan terlihat seperti ini:

1. Masuk akun
2. Buka profil
3. Edit data

Definition List (<dl>) – daftar istilah dan definisinya

Digunakan untuk menyusun daftar istilah (<dt>) dan definisi atau penjelasannya (<dd>).

Contoh:

<dl>
    <dt>HTML</dt>
    <dd>HyperText Markup Language</dd>
    <dt>CSS</dt>
    <dd>Cascading Style Sheets</dd>
</dl>

Hasilnya akan terlihat seperti ini:

HTML

HyperText Markup Language

CSS

Cascading Style Sheets