Membuat Angka Romawi Besar & Romawi Kecil di HTML

0

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.

    Artikel Lainnya

    Komentar

    Email kamu tidak akan dibagikan kepada siapapun

    Website ini menggunakan cookie untuk pengalaman yang lebih baik Setuju & Tutup Selengkapnya