Spear — Learn to Code

HTML Lists

HTML menyediakan 3 jenis list:

<ul> — Unordered list (bullet points)
<ol> — Ordered list (bernomor)
<dl> — Description list

Atribut Khusus <ol>

type="A" — huruf besar (A, B, C)
type="a" — huruf kecil (a, b, c)
type="I" — romawi besar (I, II, III)
start="5" — mulai dari nomor 5
reversed — urutkan dari besar ke kecil

index.html

<h3>Unordered List</h3>
<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

<h3>Ordered List</h3>
<ol type="1">
  <li>Belajar HTML dulu</li>
  <li>Lanjut ke CSS</li>
  <li>Kemudian JavaScript</li>
</ol>

<h3>Nested List</h3>
<ul>
  <li>Frontend
    <ul><li>HTML</li><li>CSS</li></ul>
  </li>
  <li>Backend
    <ul><li>PHP</li><li>Node.js</li></ul>
  </li>
</ul>

<h3>Description List</h3>
<dl>
  <dt><strong>HTML</strong></dt>
  <dd>Bahasa markup untuk struktur web</dd>
  <dt><strong>CSS</strong></dt>
  <dd>Bahasa styling untuk tampilan web</dd>
</dl>

← Previous

Images

Tables