HTML: Link dan Daftar

20 Mar 2025

Materi dasar mengenai penggunaan tautan dan daftar dalam HTML.

🔗 Memahami Link & Daftar dalam HTML

🤔 Apa Itu Link dalam HTML?

Link (tautan) adalah elemen yang digunakan untuk menghubungkan satu halaman ke halaman lainnya, baik dalam situs web yang sama ataupun menuju situs web eksternal.

📌 Tag yang Digunakan:

<a>: Tag anchor yang digunakan untuk membuat hyperlink

✅ Contoh Penggunaan Link

Link ke halaman lain: ```html Tentang Kami

Cari di Google

Lompat ke Bagian Kontak

Kontak Kami

🧾 Apa Itu List dalam HTML?

List (daftar) adalah elemen HTML yang digunakan untuk menampilkan item dalam urutan tertentu atau tanpa urutan.

📌 Jenis-Jenis List di HTML:

Jenis List	Tag	Deskripsi
Ordered List	`<ol>`	Daftar dengan urutan (nomor)
Unordered List	`<ul>`	Daftar tanpa urutan (bullet points)
Description List	`<dl>`	Daftar definisi atau keterangan

✅ Contoh Ordered List (Daftar Terurut)

```html

HTML
CSS
JavaScript

✅ Contoh Unordered List

Blog
Galeri
Kontak

✅ Contoh Description List

HTML: Bahasa markup untuk web
CSS: Bahasa untuk desain tampilan

🎯 Tips Penggunaan Link & List

Gunakan target="_blank" untuk membuka link di tab baru.
Tambahkan title pada tag <a> untuk memberi informasi tambahan saat hover.
Gunakan list untuk menyusun menu navigasi.
Nesting list di dalam list untuk membuat submenu atau daftar berjenjang.

✅ Kesimpulan

Link (<a>) penting untuk menghubungkan halaman dan membuat situs web mudah dinavigasi.
List (<ul>, <ol>, <dl>) membantu menampilkan informasi dalam bentuk yang rapi dan terstruktur.
Keduanya merupakan elemen HTML dasar yang sering digunakan dalam berbagai layout dan konten situs.

💡 Kuasai tag <a>, <ul>, <ol>, dan <li> agar kamu bisa membangun struktur navigasi dan konten yang baik dalam halaman web!