Dasar HTML: Cara Membuat Daftar/List Pada HTML (Tag ol, ul dan li) - MamiGoNet

Dasar HTML: Cara Membuat Daftar/List Pada HTML (Tag ol, ul dan li)


Selanjutnya kita akan mempelajari tentang bagaimana Cara Membuat Daftar atau List pada HTML, kemarin kita pernah menyinggung mengenai Cara Pembuatan Paragraf di HTML dan sekarang kita akan belajar cara membuat daftar atau list.

Cara Membuat Daftar/List Pada HTML (Tag ol, ul dan li)
Cara Membuat Daftar/List Pada HTML

Cara Membuat Daftar atau List Pada HTML



Di dalam daftar data ada yang berurutan dan tidak berurutan, di dalam HTML yang berurutan dinamakan Ordered List dengan Tag <ol> sedangkan yang tidak berurutan dinamakan Unordered List dengan Tag <ul>. Jika kita menggunakan tag <ol> nanti daftar yang akan ditampilkan berupa angka atau huruf secara berurutan, sedangkan kalo kita menggunakan tag <ul> daftar yang akan di tampilkan akan berupa bulatan atau kotak.

Penggunaan Ordered List ( tag <ol> )


Berikut ini adalah contoh kode HTML dalam pembuatan daftar atau list menggunakan ordered list atau tag <ol> :

<!DOCTYPE html>
<html>
<head>
  <title>penggunaan tag list </title>
</head>
<body>
  <h1>Kategori MamiGoNet</h1>
  <ol>
<li>Jaringana</li>
      <li>Pemograman</li>
      <li>Linux Server</li>
      <li>Tutorial</li>
  </ol>
</body>
</html>

Di atas merupakan contoh kode HTML menggunakan Ordered List atau tag <ol> dengan hasil sebagai berikut:

Penggunaan Ordered List

Penggunaan Unordered List ( tag <ul> )


Untuk penggunaan Unordered List tinggal anda ganti aja tag <ol> menjadi tag <ul> . berikut ini saya berikan contoh kode HTML dengan Unordered list.

<!DOCTYPE html>
<html>
<head>
  <title>penggunaan tag list </title>
</head>
<body>
  <h1>Kategori MamiGoNet</h1>
  <ul>
<li>Jaringana</li>
      <li>Pemograman</li>
      <li>Linux Server</li>
      <li>Tutorial</li>
  </ul>
</body>
</html>

Dari kode HTML di atas hasilnya sebagai berikut :

Penggunaan Unordered List

Mungkin itu saja penggunaan tag list pada HTML semoga bermanfaat jika kalian masih bingung bisa ditanyakan dengan cara berkomentar, admin akan selalu menjawab hal yang anda tanyakan. Terima Kasih

Berlangganan update artikel terbaru via email:

0 Response to "Dasar HTML: Cara Membuat Daftar/List Pada HTML (Tag ol, ul dan li)"

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel