Как добавить картинку к элементу <li>?
2 ответа
от
elissa ,
2 года назад
@maymie
Вы можете добавить картинку к элементу списка <li> используя элемент <img>. Для этого:
- Создайте элемент <img> с помощью тега <img>, например:
1
|
<img src="путь_к_картинке.jpg" alt="описание_картинки"> |
- Вставьте этот элемент внутрь элемента списка <li>:
1 2 3 4 |
<li> <img src="путь_к_картинке.jpg" alt="описание_картинки"> Текст элемента списка </li> |
- Полный пример:
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> |
В результате, у вас должен получиться список, в котором каждый элемент содержит картинку перед текстом элемента списка.
15