Jumat, 03 Oktober 2014

Membuat List Angka Dengan HTML

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
Demikian Itulah Fungsi Dari Tag <ol> dan <li>.
Source : Sumber

0 komentar:

Posting Komentar