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 <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.

ads by posciety

<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
Berikan Komentar

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