Belajar HTML Dasar #7 - Membuat Hyperlink dan List Pada HTML

Belajar HTML Dasar  #7 - Membuat Hyperlink dan List Pada HTML

Membuat Hyperlink dan List Pada HTML

Membuat Hyperlink

Hyperlink yang sering di kenal dengan link yaitu menghubungkan antara satu dokumen dengan dokumen yang lain pada HTML. Tujuan dari hyperlink ini membuat sebuah teks atau gambar yang ketika diklik akan di alihkan ke halaman tertentu yang sudah di tetapkan dalam penulisan hyerlink tersebut.

Hyperlink sendiri ditulis dengan menggunakan tag . tag ini selalu di ikiti oleh atribut href, dimana didalam href (hypertext reference) ini lah yang akan di isikan alamat yang dituju ketika text atau gambar di klik. berikut cara penulisan untuk membuat hyperlink :

<a href="http://anakampus3.blogspot.com">klik disini</a>

ketika di klik pada kata “klik disini” maka halaman akan di alihkan ke halaman anakampus3.blogspot.com hal ini sesuai dengan ketentuan yang telah kita tetapkan pada atribut href.

Membuat List Pada HTML

List atau yang kita kenal dengan daftar berurutan merupakan fungsi dalam HTML yang digunakan untuk menampilkan data secara berurutan ke bawah. Dalam HTML penulisan list menggunakan tag <li> dalam membuat list pada HTML ini terdapat dua jenis tampilan list yang bisa di gunakan yaitu ordered list dan unordered list.

Ordered list berfungsi untuk menampilkan daftar list dalam bentuk huruf atau angka. tag yang digunakan dalam ordered list ini yaitu . unordered list berfungsi untuk menampilkan daftar list dalam bentuk bulatan atau kotak di awalnya. tag yang digunakan untuk membuat unordered list yaitu <ul>. Untuk lenih jelasnya, perhatikan contoh penulisan list dalam HTML berikut ini :

<!DOCTYPE html>
<html>
<head>
    <title>belajar membuat list</title>
</head>
<body>
    <ul>
        <li>belajar HTML</li>
        <li>belajar PHP</li>
    </ul>
</body>
</html>

Hasil Outputnya

Belajar HTML Dasar  #7 - Membuat Hyperlink dan List Pada HTML



contoh di atas menggunakan untuk membuat list pada HTML. dapat anda lihat sendiri bahwa tampilan standar dari list pada HTML di awali dengan tanda titik.

Ordered List <ol>

Menampilkan daftar list dan diawali dengan huruf atau angka, berikut contoh untuk implementasi ordered list pada HTML.

<!DOCTYPE html>
<html>
<head>
<title>belajar membuat list</title>
</head>
<body>
    <ol>
        <li>belajar HTML</li>
        <li>belajar PHP</li>
    </ol>
</body>
</html>

Hasil Outputnya

Belajar HTML Dasar  #7 - Membuat Hyperlink dan List Pada HTML

Unordered List <ul>

Unordered list adalah jenis list HTML dalam bentu titik pada awal list. berikut contoh unordered list pada HTML :

<!DOCTYPE html>
<html>
<head>
<title>belajar membuat list</title>
</head>
<body>
    <ul>
        <li>belajar HTML</li>
        <li>belajar PHP</li>
    </ul>
</body>
</html>

Hasil outputnya :

Belajar HTML Dasar  #7 - Membuat Hyperlink dan List Pada HTML



Dari contoh di atas bisa anda lihat perbedaan masing-masing penggunaan jenis list pada HTML. Penggunaan list pada HTML tidak hanya untuk membuat daftar saja. dengan menggabungkan CSS, JavaScript tag list ini bisa di gunakan untuk membuat menu navigasi pada halaman web.

Mungkin cukup sampai disini dulu mengenai pembahasan mengenai membuat hyperlink dan list pada HTML, untuk selanjutnya kita akan belajar mengenai membuat form pada HTML. Semoga sampai disini teman-teman bisa mengikutinya dengan baik, kalo ada yang mau ditanyakan bisa tinggalkan komentar di bawah ini iya teman-teman nanti akan saya jawab satu-satu ko pertanyannya.

Sekian dan terimakasih...