Belajar HTML Dasar : List

Pada artikel ini kita akan Belajar HTML Dasar tentang List atau daftar. HTML merupakan hal penting bagi kalian yang ingin terjun di dunia programming, khususnya Web Developer. Jadi jika kalian ingin belajar HTML untuk pemula, di JogjaXploit ini merupakan tempat yang cocok bagi kalian.

Tak hanya mempelajari HTML saja, di JogjaXploit ini kalian dapat belajar CSS dan juga bahasa pemrograman PHP. Dan materi pembelajaran yang ada, sudah kami desain untuk pemula.

Jadi kalian tidak perlu takut dan bingung lagi untuk memulai belajar.

Sekarang kita langsung saja menuju pembelajaran HTML nya.

Baca juga -> Belajar HTML Dasar : Tabel

Judul artikel kali ini yaitu Belajar HTML Dasar Tentang List. Lalu, apa yang dimaksud dengan list itu?

List sebenarnya merupakan kata dari bahasa inggris yang mana memiliki arti Daftar, seperti daftar orang kaya 2020, dan lain sebagainya.

List pada HTML memungkinkan programmers, atau pemilik website untuk mengelompokkan item tertentu dalam bentuk daftar / list.

Contoh nya

Cara Menjadi Orang Sukses

• Belajar rajin
• Pentang menyerah
• Konsisten
• Rajin beribadah dan berdoa

Kebiasaan Orang-Orang Sukses

• Bangun pagi lebih dini
• Disiplin
• Bertanggung jawab
• Suka membaca
• Suka belajar
• Menghargai karya dan pendapat orang lain

Dua contoh diatas merupakan contoh bentuk list / daftar pada HTML.

Ada dua jenis List HTML yaitu Ordered List ( OL ) dan UnOrdered List ( UL )

Apa perbedaan dan bagaimana cara mendefinisikan nya?, akan kita bahas bersama-sama di sini.

1. Ordered List

Ordered List merupakan salah satu jenis daftar / list pada HTML yang mana dalam pembuatan nya di awali dengan tag <ol>, dan setiap daftar / isi dari <ol> nya di definisikan dengan tag <li>

Bentuk default dari list <ol> ini yaitu angka / numbering.

Contoh

<ol>
  <li>Belajar</li>
  <li>Berusaha</li>
  <li>Berdoa</li>
</ol>  

Hasilnya

2. UnOrdered List

Unordered List ini hampir sama dengan ordered list tadi, hanya saja berbeda sedikit dalam penulisan tag dan bentuk daftar / list nya.

Unordered List ini diawali dengan tag <ul> dan dalam daftar / list nya sama saja, yaitu <li>.

Untuk bentuk default dari unordered list ini yaitu berbentuk dot / bullets.

Contoh

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

Hasilnya

Bagaimana, mudah bukan?. Penggunaan List ini sangat kalian butuhkan jika kalian ingin membuat daftar dari beberapa data dengan rapi, dan lain sebagainya.

Mungkin cukup sekian artikel tentang Belajar HTML Dasar tentang List kali ini. Jika ada yang ingin bertanya, silahkan bertanya melalui kolom komentar. Terima kasih dan sampai jumpa.