Pembuatan list Kombinasi

 Pembuatan list Kombinasi

Perhatikan daftar berikut ini :

Daftar Menu Makanan Bakso Mie Ayam Soto Minuman Teh Panas Jeruk Panas Kopi

Dapat dilihat bahwa daftar di atas adalah gabungan daftar berurutan dan daftar tidak berurutan.

Untuk membuat daftar diatas pada dokumen HTML maka cukup menggabungkan <ol> dangan <ul>.

Perhatikan penggabungan <ol> dengan <ul> berikut ini :

<ol>    <li></li>    <li>      <ul>         <li></li>         <li></li>         <li></li>      </ul>   </li> </ol>

Ketika kita menggabungkan tag tidak berurutan <ul> tipe bullet dengan tag tidak berurutan <ul> pada daftar berikutnya, maka daftar yang kedua oleh browser akan ditampilkan secara otomatis menjadi daftar bullet.

Tidak demikian dengan daftar berurutan <ol>, maka agar tipenya sama dengan daftar berurutan sebelumnya, kita harus memberikan atribut tipe yang sama dengan daftar berurutan sebelumnya. 

Contoh :

<ul>       <li> </li>               <ol type=i>                   <li > </li>                   <li> </li>              </ol>       <li>              <ol type=i>                 <li > </li>                <li> </li>              </ol>       </li>       <li>       </li> </ul>

Memulai dengan nomor tertentu

Untuk membuat daftar bernomor dengan urutan yang tidak dimulai dengan 1 (nomor/huruf awal), maka kita harus mendefinisikan dengan atribut “start” pada elemen tag <ol>. 

Misalnya contoh berikut :

<ol start="17"> <li>Blok huruf dengan text tool</li> <li>Klik tab karakter</li> <li>Pilih jenis huruf pada menu pop-up .</li> </ol>

Maka urutan daftar yang ditampilkan akan dimulai dengan 17, selanjutnya 18 dan 19.

Demikian juga apabila :

<ol type=”A” start="17"> <li>Blok huruf dengan text tool</li> <li>Klik tab karakter</li> <li>Pilih jenis huruf pada menu pop-up .</li> </ol>