Pertemuan 4 (Daftar or List)
Pertemuan 4 (Daftar or List)
Daftar / List
Ordered List
Atribut
Type
Start
Argument
Ket
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
Circle
Square
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>
<dt></dt>
<dd></dd>
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