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

Pro

Official Channel Posciety.Com yang menyuguhkan informasi dan updates seputar dunia teknologi.
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