Pendahuluan

• Belajar HTML
• Struktur kode HTML
• Doctype HTML

Dasar

• Link dan Image pada HTML
• Pengaturan teks HTML
• List pada HTML
• Tabel pada HTML
• Form pada HTML
• Elemen input pada HTML

List pada HTML

Terdapat tiga macam list pada HTML:

1. Ordered List,
2. Unordered List,
3. Definition List

Ketiga elemen HTML ini harus diisi dengan elemen lainnya. ol dan ul harus diisi dengan li, sedangkan dl harus diisi dengan dt dan dd.

Ordered List Pada HTML

Ordered List menampilkan poin berurut dengan angka.

<ol>
  <li>Une
  <li>Due
  <li>Tre
  <li>Quattro
</ol>

Output:

Ordered List dapat dikonfigurasi lebih lanjut menggunakan atribut type dan start. Terdapat lima macam type:

• 1, tipe default, list berupa angka
• I, list berupa angka romawi
• i, list berupa angka romawi huruf kecil
• a, list abjad huruf kecil
• A, list abjad huruf besar

Sedangkan start merupakan urutan awal pada list.

<ol type="i" start="7" >
  <li>Tujuh
  <li>Delapan
  <li>Sembilan
  <li>Sepuluh
</ol>

Output:

Unordered List Pada HTML

Jika ingin membuat daftar poin tanpa penomoran, dapat menggunakan unordered list.

<ul>
  <li>Defense Of The Ancients</li>
  <li>League Of Legends</li>
  <li>Heroes Of Newerth</li>
</ul>

Output:

Tampilan unordered list juga dapat dikonfigurasi dengan attribut type. Atribut type pada ul dapat diisi dengan square, disc, atau circle. Berikut contoh pemakaiannya.

<ul type="circle">
  <li>3Ds Max</li>
  <li>Maya</li>
  <li>Wings 3D</li>
</ul>

Output:

Definition List Pada HTML

Merupakan elemen HTML yang sangat jarang digunakan.

<dl>
<dt>Counter Strike</dt>
<dd>Merupakan permainan FPS (First Person Shooter) yang sangat digemari oleh kelompok remaja sejak tahun 2000 sampai sekarang. Telah keluar banyak versi, dan sudah bisa dimainkan secara online.</dd>
<dt>Point Blank</dt>
<dd>Merupakan permainan FPS online yang juga digemari oleh remaja. Memiliki sistem perpangkatan dan misi sehingga sedikit lebih menarik dibandingkan dengan Counter Strike. Sayangnya game ini terlalu banyak cheater, sehingga ditinggalkan oleh pemain.</dd>
</dl>

Output:

---