Как сделать список маленьких римских цифр в HTML?

Пользователь

от vladimir , в категории: HTML/CSS , 2 года назад

Как сделать список маленьких римских цифр в HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

3 ответа

Пользователь

от dmitrypro77 , 2 года назад

@vladimir Используйте <ol> HTML тег с type="i" чтобы сделать список маленьких римских цифр в HTML, код:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html lang="ru">
<head>
    <title>Как сделать список маленьких римских цифр в HTML?</title>
    <meta charset="UTF-8"/>
</head>
<body>
<ol type="i">
    <li>Римская цифра 1</li>
    <li>Римская цифра 2</li>
    <li>Римская цифра 3</li>
    <li>Римская цифра 4</li>
    <li>Римская цифра 5</li>
    <li>Римская цифра 6</li>
    <li>Римская цифра 7</li>
</ol>
</body>
</html>


Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.

Пользователь

от kameron , 9 месяцев назад

@vladimir 

Для создания списка маленьких римских цифр в HTML можно использовать теги <ol> и <li>, а также CSS для изменения стиля текста. Вот пример:

1
2
3
4
5
  Первая римская цифра
  Вторая римская цифра
  Третья римская цифра


В данном примере атрибут type="i" указывает на использование римских цифр, а CSS-свойство list-style-type: lower-roman; изменяет стиль текста на маленькие римские цифры.


Вы можете добавить или удалить элементы <li> внутри списка, чтобы создать нужное количество элементов списка римских цифр.

Пользователь

от karen.wisozk , 9 месяцев назад

@vladimir 

Для создания списка маленьких римских цифр в HTML вы можете использовать элементы <ol> и <li>.


Вот пример кода:

1
2
3
4
5
6
7
<ol type="i">
  <li>I</li>
  <li>II</li>
  <li>III</li>
  <li>IV</li>
  <li>V</li>
</ol>


Это создаст нумерованный список с маленькими римскими цифрами от I до V.


Если вам нужно создать список римских цифр на определенном уровне (например, второй уровень списка), вы можете использовать вложенные списки:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<ol type="i">
  <li>I</li>
  <li>II
    <ol type="i">
      <li>a</li>
      <li>b</li>
      <li>c</li>
    </ol>
  </li>
  <li>III</li>
</ol>


В этом случае второй уровень списка будет иметь римские цифры в стиле (a, b, c).