Membuat Daftar Urutan Nomor, Huruf & Angka Romawi | HTML List (OL) - Pada postingan kali ini saya mencoba membuat artikel tentang HTML, tepatnya pembahasan tentang list. Selain hanya menampilkan hasilnya saya juga akan menampilkan code HTML nya agar mudah dipelajari dan dimengerti.

Membuat Daftar Urutan Nomor, Huruf & Angka Romawi | HTML List (OL) sbb:


1. Kode membuat list Angka :
<ol>
<li>RezDown7</li>
<li>RezDown7</li>
<li>RezDown7</li>
</ol>
Contoh :
  1. RezDown7
  2. RezDown7
  3. RezDown7

2. Kode List Mulai dari angka 5:
<ol start="5">
 Contoh :
  1. RezDown7
  2. RezDown7
  3. RezDown7

3. Kode List Huruf Besar :
<ol type="A">
Contoh :
  1. RezDown7
  2. RezDown7
  3. RezDown7

4. Kode List Huruf Kecil :
<ol type="a">
Contoh :
  1. RezDown7
  2. RezDown7
  3. RezDown7

5. Kode  List Angka Romawi Besar:
<ol type="I">
Contoh :
  1. RezDown7
  2. RezDown7
  3. RezDown7

6. Kode Angka Romawi Kecil :
<ol type="i">
Contoh :
  1. RezDown7
  2. RezDown7
  3. RezDown7

7. Kode List Angka Romawi Mulai dari 7 :
<ol type="I" start="7">
Contoh :
  1. RezDown7
  2. RezDown7
  3. RezDown7

Untuk Membuat List gunakan contoh seperti berikut :

- Daftar Buah Yang Dibutuhkan :
  1. Apel
  2. Mangga
  3. Semangka
  4. Pepaya
  5. Rambutan
  6. Jeruk
maka kodenya harus seperti ini :
<ol type="I">
<li>Apel</li>
<li>Mangga</li>
<li>Semangka</li>
<li>Pepaya</li>
<li>Rambutan</li>
<li>Jeruk</li>
</ol>
MOHON MAAF, HASIL TIDAK SESUAI SCRIPT DIKARENAKAN TEMPLATE YANG SAYA GUNAKAN. NAMUN SCRIPT YANG SAYA BERIKAN SUDAH BENAR.

6 komentar :

  1. jika menggunakan simbol bagaimana caranya gan?

    bagi agan yang berminat belajar membuat website bisa dilihat di situs berikut ini http://computer-course-center.com/

    BalasHapus
    Balasan
    1. simbol itu bisanya menggunakan gambar setahu saya.
      kalau yang bullet bisa dilihat disini:
      http://www.rezdown7.com/2014/05/membuat-daftar-urutan-bullet-disc.html

      Hapus
  2. Pas bangt, lgi cari aku untuk artikel,
    Makasih.

    BalasHapus
  3. matur nuhun gan, akhirnya ketemu jg yang pas
    udah seharian nyari2 list ga berurutanakhirnya ketemu jg, simpel bgt ternyata cuma nambahin kode (start) tapi bikin ane stres seharian. hehee....maklum gan masih buta dengan codingan,

    BalasHapus
  4. oya gan,
    kalau memasukkan type="a)" caranya gimana...?

    BalasHapus

Dimohon Untuk Tidak Melakukan KOMENTAR SPAM!!
- Memasukkan Link Aktif
- Promo/Iklan
- Komentar Tidak Sesuai Postingan
- Posting Berualang-Ulang