Anda di halaman 1dari 10

Pertemuan 4

Daftar / List

Disusun Oleh : Angga Setiyadi, S.kom

Ordered List
Atribut

Type

Start

Argument

Ket

Daftar Dengan Nomor Berurut

Daftar Dengan Huruf kecil

Daftar Dengan Bil Romawi


Besar

Daftar Dengan Bil Romawi


Kecil

Daftar Dengan Huruf Besar

X = huruf atau angka yg


dijadikan huruf awal

Bentuk Umum :
<ol type=argument start=x>
<li>Teks Urutan </li>
<li>Teks Urutan </li>

</ol>
Disusun Oleh : Angga Setiyadi, S.kom

<!-Program 4.1
Nama File :
4.1_Latihan_OrderList.html
programmer : nama_anda
-->
<html>
<font size="5">
List Huruf Besar
</font>
<ol type=A>
<li>Apel</li>
<li>Pisang</li>
<li>Mangga</li>
<li>Jambu</li>
</ol>
<hr>
<font size="5">
List Huruf Kecil
</font>
<ol type=a>
<li>Apel</li>
<li>Pisang</li>
<li>Mangga</li>
<li>Jambu</li>
</ol>
<hr>

<font size="5">
List Romawi Besar
</font>
<ol type=I>
<li>Apel</li>
<li>Pisang</li>
<li>Mangga</li>
<li>Jambu</li>
</ol>
<hr>
<font size="5">
List Romawi Kecil
</font>
<ol type=i>
<li>Apel</li>
<li>Pisang</li>
<li>Mangga</li>
<li>Jambu</li>
</ol>
<hr>

4_1_Latihan_OrderList.html

<font size="5">
List Urutan
</font>
<ol type=1>
<li>Apel</li>
<li>Pisang</li>
<li>Mangga</li>
<li>Jambu</li>
</ol>
<hr>
<font size="5">
List dimulai dari urutan ke 6
</font>
<ol type=1 start=6>
<li>Apel</li>
<li>Pisang</li>
<li>Mangga</li>
<li>Jambu</li>
</ol>
<hr>
</html>

Unordered List
Atribut

Type

Argument

Ket

Disc

Daftar Dengan Huruf Besar

Circle

Daftar Dengan Huruf kecil

Square

Daftar Dengan Bil Romawi


Besar

Bentuk Umum :
<ul type=argument>
<li>Teks Urutan </li>
<li>Teks Urutan </li>

</ul>
Disusun Oleh : Angga Setiyadi, S.kom

<!-Program 4.2
Nama File :
4.2_Latihan_unorderList.html
programmer : nama_anda
-->
<html>
<font size="5">
List type Disk
</font>
<ul type=disc>
<li>Apel</li>
<li>Mangga</li>
<li>Jeruk</li>
<li>Pepaya</li>
</ul>
<hr>

<font size="5">
List type Circle
</font>
<ul type=circle>
<li>Apel</li>
<li>Mangga</li>
<li>Jeruk</li>
<li>Pepaya</li>
</ul>
<hr>
</html>

<font size="5">
List type Square
</font>
<ul type=square>
<li>Apel</li>
<li>Mangga</li>
<li>Jeruk</li>
<li>Pepaya</li>
</ul>
<hr>

4_2_Latihan_unorderList.html

Kombinasi
Order List & Unordered List

<html>
<body>
<center>
<font size=7 color="#FF0080">
<blink>Daftar Menu</blink>
<br>
Rumah Makan Karya Kami
</font>
<hr size=4 color=red>
</center>
<b><font size=5 color=blue>
<ol>
<li>Makanan</li>
<ul type=circle>
<li>Cap Cay Goreng</li>
<li>Kakap Asam Manis</li>
<li>Puyung Hay</li>
</ul>
<li>Minuman</li>
<ul type=square>
<li>Jus</li>
<ol type=a>
<li>Jeruk</li>
<li>Alpukat</li>
<li>Tomat</li>
<li>Sirsak</li>
</ol>
<li>Kopi</li>
<li>Teh Manis</li>

4_3_Latihan_Kombinasi_orderlist_n_unorderlist.html

</body>
</html>

</ul>
</ol>
</font></b>
<hr size=4 color=red>

4_3_Latihan_Kombinasi_orderlist_n_unorderlist.html

List Definisi
List Definisi digunakan untuk mendefinisikan atau menjelaskan istilah-istilah.
Tag

Keterangan

<dl>..</dl>

Untuk Menyatakan List Definisi.

<dt></dt>

Judul Istilah yang akan didefinisikan.

<dd></dd>

Isi istilah yang akan didefinisikan.

Bentuk Umum :
<dl>
<dt>Judul_list_Definisi</dt>
<dd>
..
isi_list_definisi
..
</dd>
</dl>
Disusun Oleh : Angga Setiyadi, S.kom

<html>
<body>
<dl>
<dt>HTML</dt>
<dd>
Hyper Text Markup Language, merupakan bahasa markup
<br>
yang digunakan untuk membuat halaman - halaman web.
</dd>
<dt>Internet Explorer</dt>
<dd>
Web Browser yang merupakan bawaan dari sistem operasi windows,
digunakan untuk menampilkan halaman-halaman web.
</dd>
</dl>
</body>
</html>

4_4_Latihan_list_definisi.html

Anda mungkin juga menyukai