HTML List

Pada umumnya terdapat tiga jenis tag HTML List (ordered dan unordered) yaitu,

• Tag <dl> untuk mendefinisikan list.
• Tag <ol> untuk memulai sebuah ordered list.
• Tag <ul> untuk memulai sebuah unordered list.

Ordered list <ol> biasanya didefinisikan kedalam nomor (number). Sedangkan definisi untuk unordered list <ul> adalah bullet dan untuk  definition list <dl> didefisikan pada dictionary. Untuk lebih jelasnya silahkan sobat lihat contoh-contoh untuk HTML list di bawah ini.

1. Contoh dan penjelasan unordered list pada HTML

Unordered list dimulai dengan tag <ul> dan diakhiri dengan tag </ul> .Untuk setiap daftar item ditentukan dengan tag <li>...</li>. Sedangkan untuk daftar item ditandai dengan bullet (berupa bintang atau lingkaran hitam ). Lihat contoh dibawah ini:

<ul>

        <li>Jeruk</li>

        <li>Apel</li>

                             </ul> 

Maka tampilan untuk kode di atas adalah sebagai berikut:

• Jeruk
• Apel

2.  Contoh dan penjelasan ordered list pada HTML

Ordered list dimulai dengan tag <ol> dan diakhiri dengan tag</ol>. Untuk setiap daftar item ditentukan dengan tag <li>...</li>. Sedangkan untuk daftar item pada ordered list ditandai dengan nomor. Lihat contoh dibawah ini:

 <ol>
          <li>Sepak Bola</li>
          <li>Bola Basket</li>
                                           </ol>

Maka tampilan untuk kode diatas adalah sebagai berikut:

1. Sepak Bola
2. Bola Basket

3. Contoh dan penjelasan definition list pada HTML

Definition list adalah sebuah daftar dari item-item yang disertai dengan penjelasan untuk setiap itemnya. Tag <dl> menjeleskan setiap item pada sebuah daftar. Tag <dl> menggunakan penghubung tag <dt> untuk menentukan  item pada daftar, dan tag <dd> untuk menjelaskan item pada daftar. Lihat contoh dibawah ini:

<dl>

       <dt>Flashdisk</dt>

       <dd>-Sebagai tempat menyimpan data</dd>

       <dd>Modem</dt>

       <dd>-Sebagai alat penghubung ke internet</dd>

                                                                                  </dl>

Maka tampilan untuk kode diatas adalah sebagai berikut:

Flashdisk

-Sebagai temapat penyimpanan data

Modem

-Sebagai alat penghubung ke internet

Sekian dulu postingan saya pada kesempatan kali ini......!!!!