Di dalam HTML ada pengurutan dapat menggunakan atribut orderlist atau <ol> </ol>,dan unorderlist atau <ul> </ul>.
contoh script nya seperti ini :
<html>
<head>
<title> orderlist dan unorderlist </title>
</head>
<body>
<h1>Macam-Macam Makanan kesukaan</h1>
<ol>
<li> Nasi goreng </li>
<li> Mie Rebus</li>
</ol>
<h1> Macam-macam minumman kesukaan</h1>
<ul>
<li> Just Apokat </li>
<li> Kopi Hitam</li>
</ul>
</body>
</html>
jika kita ngin mengubah urutan list nya,kita misalkan mengubah nya dengan huruf romawi dan huruf biasa
<html>
<head>
<title> orderlist dan unorderlist </title>
</head>
<body>
<h1>Macam-Macam Makanan kesukaan</h1>
<ol type="A">
<li> Nasi goreng </li>
<li> Mie Rebus</li>
</ol>
<h1> Macam-macam minumman kesukaan</h1>
<ul type="I">
<li> Just Apokat </li>
<li> Kopi Hitam</li>
</ul>
</body>
</html>
dengan kita hanya menambahkan type disamping <ol> atau <ul>,ini akan membuat urutan otomatis ke bawah sebanyak list yang kita buat.
jika kita ingin mengubah urutan dengan point-point saja kita menggunakan atribut :
- circle = bulatan kosong
- disc = bulatan hitam
- square = point petak <h1>Macam-Macam Makanan kesukaan</h1><ol type="circle"><li> Nasi goreng </li><li> Mie Rebus</li></ol><h1> Macam-macam minumman kesukaan</h1><ul type="square"><li> Just Apokat </li><li> Kopi Hitam</li></ul></body></html><h1>Macam-Macam Makanan kesukaan</h1><ol type="disc"><li> Nasi goreng </li><li> Mie Rebus</li></ol><h1> Macam-macam minumman kesukaan</h1><ul><li> Just Apokat </li><li> Kopi Hitam</li></ul></body></html>terimakasih semoga bermanfaat
Tidak ada komentar:
Posting Komentar