Belajar HTML #part 13 | Membuat List / Daftar

Assalamu'alaikum wr.wb
Halo kembali bersama gua Syahrul R. Yang terganz terkece terterrr terlalu berharap :v
Ok kali ini gua mau bahas HTML lagi ea mank. Kali ini kita coba Membuat List/ Daftar di HTML mank.
Oke langsung saja ke materinya.. Cekidottt

Untuk membuat daftar kita sekarang bisa memakai 2 tag/Jenis yaitu:

1. <ol> = Untuk Daftar dengan urutan nomor.
2. <ul> = Untuk daftar dengan urutan titik.

Dan masing-masing dari 2 tag tersebut di ikuti dengan tag <li> Untuk menjadikan suatu item menjadi daftar.
Contoh:

Contoh struktur dengan tag <ol>

<ol>
      <li>Daftar1</li>
      <li>Daftar2</li>
      <li>Daftar3</li>
</ol>

Nah sekarang kita coba buat daftar belanja pake ini mank. Cekidottt..

<html>
<head>
<title>Daftar Belanja</title>
</head>
<body>
<ol>
       <li>Sampo</li>
       <li>Garnier</li>
       <li>Sayuran</li>
       <li>pomade</li>
</ol>
</body>
</html>

Nah untuk hasilnya seperti ini mank

Nah sekarang kita coba dengan <ul>
Untuk strukturnya sama ea mank Cuma beda pada tag <ol> Dan <ul>.

<html>
<head>
<title>Daftar Belanja</title>
</head>
<body>
<ul>
        <li>Sampo</li>
        <li>Garnier</li>
        <li>Sayuran</li>
        <li>Pomade}</li>
</ul>
</body>
</html>

Nah untuk hasilnya seperti ini mank

Nah itu contoh program dari List / Daftar
Jadi perbedaanya kalo <ol> Itu untuk daftar pake nomer, dan untuk <ul> Itu pake titik gitu dah :v

Oke menurut gua sekian Materi kali ini
See you Next Time :)
Wassalamu'alaikum wr.wb

0 Response to "Belajar HTML #part 13 | Membuat List / Daftar"

একটি মন্তব্য পোস্ট করুন

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel