Membuat Angka Romawi Besar & Romawi Kecil di HTML

Secara default, ketika membuat list (li) di HTML akan menampilkan sebuah titik hitam di setiap barisan
  • tersebut, perlu menambahkan beberapa atribut agar dapat disesuaikan seperti menggantinya dengan angka atau abjad salahsatunya...

  • Secara default, ketika membuat list (<li>) di HTML akan menampilkan sebuah titik hitam di setiap barisan <li> tersebut, perlu menambahkan beberapa atribut agar dapat disesuaikan seperti menggantinya dengan angka atau abjad salahsatunya adalah menggantinya dengan angka Romawi / Roman.

    Angka Romawi HTML

    Sebelum dapat membuat list dengan angka Romawi, pastikan untuk membungkus list tersebut menggunakan <ol> bukannya <ul> karena kita akan menampilkan sebuah angka yang sifatnya tersusun (Ordered List). Setelah itu, tambahkan type=”I” di dalam <ol> tersebut.

    <ol type="I">
      <li>Pertama</li>
      <li>Kedua</li>
      <li>Ketiga</li>
      <li>Keempat</li>
      <li>Kelima</li>
      <li>Keenam</li>
      <li>KeKetujuh</li>
    </ol>

    Maka hasilnya akan terlihat seperti ini:

    gambar 1 - contoh angka romawi besar html

    Itulah contoh angka Romawi Besar menggunakan HTML.

    Pada beberapa kesempatan kita bisa saja memerlukan angka Romawi Kecil, untuk membuatnya tidak sulit cukup ganti type=”I” menjadi huruf kecil type=”i”.

    gambar 2 - contoh romawi kecil di html

    Romawi Kecil ini biasanya digunakan sebagai nomor halaman atau sebagai sub-poin.


    Jangan Lupa Share !!!

    51
    8 shares, 51 points

    Apa Reaksimu ?

    Bingung Bingung
    2
    Bingung
    Kesal Kesal
    10
    Kesal
    OMG OMG
    2
    OMG
    Takut Takut
    1
    Takut
    Keren Keren
    9
    Keren
    Sedih Sedih
    4
    Sedih
    Posciety Tech

    Advanced Proficient

    Official Channel Posciety.Com yang menyuguhkan informasi dan updates seputar dunia teknologi. Dikelola oleh tim Posciety Tech.
    Pilih Format
    Artikel
    Default, Membuat Artikel/Cerita
    List
    Listicle, Misalnya: 3 Hal yang Wajib Dilakukan Saat...
    Kuis Kepribadian
    Membuat kuis Tentang Kepribadian
    Poll
    Vote untuk Membuat Keputusan atau Mencari Saran
    Meme
    Membuat Meme dari Gambar Normal yang Kamu Miliki