Membuat Ordered List

Salam hangat teman setia pembaca domelore pada hari akhir pekan ini, ketika Sang sinar matahari ingin mengeluarkan sinaran pijasnya ditemani dengan keluarnya udara-udara yang fresh membuat hati dan pikiran ini terasa menikmati hamparan terbitnya sinar matahari dan sejuknya pagi, pada tahab ini saya akan membuat bagaimana membuat List dalam html,.
List dibagi menjadi 3 bagain :

  1. Ordered List
  2. Unordered List
  3. List Definisi
Yang kita bahas adalah Ordered List atau numbered list yang memiliki item-item nomor, huruf dan bilangan romawi dengan sintak
<OL> ... </OL>

Untuk menyatakan listnya digunakan sintak :
<LI> ... <LI>
Dan sekarang waktunya kita peraktekan kode atas pertama kita buat file html  lalu ketika kode dibawah ini


<html>
<head>
<title>Ordered List</title>
</head>
<body>

Macam Macam jenis OL (ordered list)

<p>
<ol> <!-- OL tampa atribut -->

<li> algoritma</li>
<li> C++      </li>
<li> pascal    </li>
<li> java       </li>
</ol>
</p>

<p>
<ol type="A"> <!-- OL dengan atribut TYPE A besar -->

<li>xml</li>
<li>php</li>
<li>vb</li>
<li>css</li>
</ol>
</p>

<p>
<ol type="a"> <!-- OL dengan atribut TYPE a kecil -->

<li>android     </li>
<li>iPhone      </li>
<li>blackberry</li>
<li>windows   </li>
</ol>
</p>


<p>
<ol type="I"> <!-- OL dengan atribut TYPE I besar untuk romawi besar -->

<li>kerak telor</li>
<li>tape uli      </li>
<li>lopis          </li>
<li>roti buaya  </li>
</ol>
</p>

<p>
<ol type="i"> <!-- OL dengan atribut TYPE i kecil untuk romawi kecil -->

<li>Abu Bakar</li>
<li>Umar   </li>
<li>Ustman</li>
<li>Ali       </li>
</ol>
</p>

<p>
<ol start="3"> <!-- OL dengan atribut START angka 3 untuk mengurutkan angka dari yang terkecil sampai terbesarkalian juga bisa menganti angka 3 tersebut sesuai angka yang kalian inginkan -->

<li>Taurat</li>
<li>Zabur</li>
<li>Injil    </li>
<li>Al-qur'an</li>
<ol>
</p>

</body>
</html>

Jika sudah save file tersebut dan buka file html tersebut akan menghasilkan seperti ini



Label:

Tidak ada komentar:

Posting Komentar