Как добавить картинку к элементу <li>?

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

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

Как добавить картинку к элементу <li>?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от elissa , год назад

@maymie 

Вы можете добавить картинку к элементу списка <li> используя элемент <img>. Для этого:

  1. Создайте элемент <img> с помощью тега <img>, например:
1
<img src="путь_к_картинке.jpg" alt="описание_картинки">


  1. Вставьте этот элемент внутрь элемента списка <li>:
1
2
3
4
<li>
  <img src="путь_к_картинке.jpg" alt="описание_картинки">
  Текст элемента списка
</li>


  1. Полный пример:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<ul>
  <li>
    <img src="путь_к_картинке.jpg" alt="описание_картинки">
    Первый элемент списка
  </li>
  <li>
    <img src="путь_к_картинке2.jpg" alt="описание_картинки2">
    Второй элемент списка
  </li>
</ul>


В результате, у вас должен получиться список, в котором каждый элемент содержит картинку перед текстом элемента списка.

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

от olen.shanahan , 3 месяца назад

@maymie 

Пожалуйста, вот пример кода: