HomeProfileFollowSubscribeContact

Kamis, 15 Maret 2012

Tag <ol></ol> dan <li></li> : Membuat list angka dengan HTML

Tag <ol> digunakan untuk membuat daftar dengan penanda simbol hampir sama dengan tag <ul> tapi dengan penanda simbol yang berbeda. Tag ini mempunyai attribute dan value. Attribute :
Type : Digunakan untuk mengubah simbol dari daftar. Valuenya adalah 1, A, a, I, atau i. Value   defaultnya adalah 1.
Tag ini mempunyai tag penutup yaitu </ol>. Tag ini digunakan secara bersamaan dengan tag <li></li>. Fungsi tag <li> adalah untuk menambah daftar/isi dari tag <ol></ol>. Cara menggunakan tag <ol> yaitu dengan menyisipkan item ke dalam tag pembuka dan tag penutup yang diapit dengan tag <li> dan </li>.

~CONTOH~
<html>
<body>
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
</body>
</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser adalah :
  1. Item 1
  2. Item 2
  3. Item 3
<html>
<body>
<ol type="1">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<ol>
</body>
</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser adalah :
  1. Item 1
  2. Item 2
  3. Item 3
    <html>
    <body>
    <ol type="A">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    </ol>
    </body>
    </html>

    Kemudian save sesuai dengan tata cara membuat halaman HTML
    Output yang ditampilkan browser adalah :
    1. Item 1
    2. Item 2
    3. Item 3
      <html>
      <body>
      <ol type="a">
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
      </ol>
      </body>
      </html>

      Kemudian save sesuai dengan tata cara membuat halaman HTML
      Output yang ditampilkan browser adalah :
      1. Item 1
      2. Item 2
      3. Item 3
        <html>
        <body>
        <ol type="I">
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        </ol>
        </body>
        </html>

        Kemudian save sesuai dengan tata cara membuat halaman HTML
        Output yang ditampilkan browser adalah :
        1. Item 1
        2. Item 2
        3. Item 3

        <html>
        <body>
        <ol type="i">
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        </ol>
        </body>
        </html>

        Kemudian save sesuai dengan tata cara membuat halaman HTML
        Output yang ditampilkan browser adalah :
        1. Item 1
        2. Item 2
        3. Item 3
        ~#####~

        Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar.

        2 komentar:

        Copyright© Fakhru Sidqi Fazari
        Back To Top