HTML Link dan Lists

20 Mar 2025 -

penjelasan tentang Link dan Lists pada HTML

![Html link dan Lists]

Link (atau tautan) dalam HTML adalah elemen yang memungkinkan pengguna berpindah dari satu halaman ke halaman lainnya, baik dalam situs yang sama maupun ke situs lain. Link juga bisa digunakan untuk membuka file, mengarah ke bagian tertentu dalam halaman, atau membuka email.

HTML menyediakan tag (anchor) untuk membuat link. Tag ini memerlukan atribut href yang menunjukkan alamat tujuan dari link tersebut.

Contoh dasar penggunaan:

```html Kunjungi Google

Atribut penting pada tag :

href: Menentukan alamat tujuan dari tautan.

target: Menentukan di mana tautan akan dibuka. Contoh:

_self: membuka di tab/jendela yang sama (default).

_blank: membuka di tab/jendela baru.

title: Memberikan informasi tambahan saat kursor diarahkan ke link.

download: Jika digunakan, link akan mengunduh file alih-alih membukanya.

Contoh dengan atribut tambahan:

Unduh File PDF

Pengertian List dalam HTML

List (daftar) adalah elemen HTML yang digunakan untuk menampilkan data atau informasi dalam bentuk poin-poin. HTML menyediakan tiga jenis list:

  1. Ordered List (<ol>)

Digunakan untuk menampilkan daftar yang memiliki urutan atau nomor.

Contoh:

  1. Bangun tidur
  2. Sarapan
  3. Berangkat sekolah

Atribut yang bisa digunakan:

type: Menentukan jenis penomoran (1, A, a, I, i).

start: Menentukan angka/huruf awal.

Contoh:

  1. Langkah ketiga
  2. Langkah keempat
  1. Unordered List (<ul>)

Menampilkan daftar tanpa urutan (menggunakan bullet atau titik).

Contoh:

Bullet dapat diubah tampilannya menggunakan CSS.

  1. Description List (<dl>)

Menampilkan daftar istilah dan penjelasan. Biasanya digunakan untuk kamus, glosarium, atau data deskriptif.

Contoh:

HTML
Bahasa markup untuk membuat halaman web.
CSS
Bahasa untuk mengatur tampilan halaman web.

Kombinasi Link dan List

Keduanya sering digunakan bersamaan, misalnya untuk membuat menu navigasi situs:

html jgp.jpg