Cara menentukan daftar ordered dan unordered list

Cara menentukan daftar ordered dan unordered list



Ada tiga jenis daftar; daftar tidak berurutan, daftar terurut dan daftar definisi. Kita akan melihat dua yang pertama di sini, dan daftar deskripsi dalam Tutorial Menengah HTML.

Daftar yang tidak berurutan dan daftar yang diurutkan bekerja dengan cara yang sama, kecuali bahwa yang pertama digunakan untuk daftar yang tidak berurutan dengan item daftar yang biasanya didahului oleh peluru dan yang terakhir adalah untuk daftar yang berurutan, yang biasanya diwakili oleh angka tambahan.

Tag ul digunakan untuk mendefinisikan daftar tidak berurutan dan tag ol digunakan untuk menentukan daftar berurutan. Di dalam daftar, tag li digunakan untuk mendefinisikan setiap item daftar.

Ubah kode Anda sebagai berikut:

<!DOCTYPE html>
 <html>
 <head>
 <title>My first web page</title>
 </head>
 <body>
 <h1>My first web page</h1>
 <h2>What this is</h2>
 <p>A simple page put together using HTML</p>
 <h2>Why this is</h2>
 <ul>
 <li>To learn HTML</li>
 <li>To show off</li>
 <li>Because I've fallen in love with my computer and want to give her some HTML loving.</li>
 </ul>
 </body>
 </html>

Jika Anda melihat ini di browser Anda, Anda akan melihat daftar berpoin. Cukup ubah tag ul ke ol dan Anda akan melihat bahwa daftar akan menjadi bernomor.

Daftar juga dapat dimasukkan dalam daftar untuk membentuk hierarki item yang terstruktur.

Ganti kode daftar di atas dengan yang berikut ini:

<ul>
 <li>To learn HTML</li>
 <li> To show off <ol>
 <li>To my boss</li>
 <li>To my friends</li>
 <li>To my cat</li>
 <li>To the little talking duck in my brain</li>
 </ol>
 </li>
 <li>Because I've fallen in love with my computer and want to give her some HTML loving.</li>
 </ul>

Dll. Daftar dalam daftar. Dan Anda dapat menempatkan daftar lain di dalamnya. Dan satu lagi di dalamnya. Demikian seterusnya dan seterusnya.

Anda mungkin menyukai postingan ini