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.

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

SUBSCRIBE
Subscribe sekarang dan dapatkan update terbaru melalui email
aman dari spam
Pos Lainnya

Komentar

Email kamu tidak akan dibagikan kepada siapapun

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