Modul 3 Pemrograman Web

1. Materi Pokok
Anatomi dokumen web dan pemformatan teks dan paragraf
2. Tujuan
a. Memahami pembuatan list minimal dan kombinasi
b. Menyajikan pembuatan list minimal dan kombinasi
3. Pembahasan
a. Unordered List
Unordered list pada HTML adalah list yang tidak terurut di mana setiap itemnya menggunakan
simbol-simbol khusus.
Tag-tag yang digunakan untuk membuat unordered list yaitu:
 <ul>
Tag untuk membuat list atau daftar item tidak terurut
 <li>
Tag untuk membuat item-item dari list
Untuk mengatur jenis simbol yang digunakan pada unordered list, digunakan atribut style
dengan pengaturan sebagai berikut:
<ul style=”list-style-type:value”>
Terdapat tiga jenis value yang dapat dipilih, yaitu disc (default), square, dan circle.

Latihan1.html
 Latihan2.html

b. Ordered List
Ordered list pada HTML adalah list yang terurut di mana setiap itemnya menggunakan
nomor atau karakter terurut lainnya
Tag-tag yang digunakan untuk membuat ordered list yaitu:
 <ol>
Tag untuk membuat list atau daftar item terurut
 <li>
Tag untuk membuat item-item dari list

Pada ordered list, terdapat jenis karakter terurut lain yang dapat digunakan selain angka,
misalnya “a”, “A”, “i”, dan “I”. Untuk mengatur karakter terurut lain selain angka dapat
menggunakan atribut “type”.
Selain itu, jika item dalam list ingin dimulai dari karakter selain “1” atau “a”, dapat
digunakan atribut “start”.
 Latihan3.html

Latihan4.html

Definition List
 Definition list cocok digunakan untuk menjelaskan kata atau istilah. Tag yang digunakan untuk
menampilkan definition list, di antaranya:
 <dl> … </dl>
Untuk membuat definition list
 <dt> … </dt>
Untuk membuat item istilah yang akan didefinisikan
 <dd> … </dd>
Untuk membuat penjelasan dari istilah dalam definition list

Latihan5.html

c. List Kombinasi
Nested list atau list bersarang merupakan bentuk list kombinasi, di mana sebuah list terdapat di
dalam list lain. Contoh: ordered list di dalam unordered list, atau sebaliknya.

Latihan6.html
4. Tugas

Buatlah dokumen web seperti contoh berikut.

Ketentuan:
 Tema bebas
 Terdiri atas definition list dan nested list
 Boleh menggunakan macam-macam tipe simbol dan karakter terurut
 Boleh menggunakan variasi tag dan atribut pemformatan teks untuk mengatur tampilan web (ingat
materi sebelumnya)
 Simpan dokumen web dengan format: nama_nomorabsen.html